它的JS与HTML标签是分离的吗

2021-04-26 14:27

阅读:582

标签:art   元素   https   element   cti   value   wrap   eva   利用   

一个单的利用JS切换图片的功能
技术图片
写法1:

  

JS切换图片

图片描述

img fult
function showPic(whichpic){ //改变图片 var source = whichpic.getAttribute("href"); var placeholder=document.getElementById("placeholder"); placeholder.setAttribute("src",source); //改变图片描述 function showPic_description(){ var text=whichpic.getAttribute("title"); var pic_desciption=document.getElementById("pic_desciption"); pic_desciption.childNodes[0].nodeValue=text; }; };

写法2:

JS切换图片

图片描述

img fult
window.onload=prepareGallery; function prepareGallery(){ //找到图片集 var gallery=document.getElementById("img_gallert"); // 图片集的a元素节点 var link=gallery.getElementsByTagName("a"); // 遍历节点 for(var i=0;i

虽然功能都一样,但是写法2却更好JS不会因为HTML里的代码改变了,就导致无法执行。
好的JS应该与HTML标签是分离的。后期维护更加方便

它的JS与HTML标签是分离的吗

标签:art   元素   https   element   cti   value   wrap   eva   利用   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12220730.html


评论


亲,登录后才可以留言!