一個單的利用JS切換圖片的功能

寫法1：

  

      
JS切換圖片
      

        

        

        

        

    
    
圖片描述
    
    
    
      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切換圖片
      

        

        

        

        

    
    
圖片描述
    
    
    
    window.onload=prepareGallery;
function prepareGallery(){
  //找到圖片集
  var gallery=document.getElementById("img_gallert");
  // 圖片集的a元素節(jié)點
  var link=gallery.getElementsByTagName("a");
  // 遍歷節(jié)點
  for(var i=0;i
雖然功能都一樣，但是寫法2卻更好JS不會因為HTML里的代碼改變了，就導(dǎo)致無法執(zhí)行。
好的JS應(yīng)該與HTML標簽是分離的。后期維護更加方便