點擊改變圖片的2種方法

<script>
function changeImage()
{
    element=document.getElementById('myimage')
    var src =element.getAttribute("src")
    if (src==="/images/pic_bulbon.gif")
     {
        element.setAttribute("src","/images/pic_bulboff.gif")    
      }
    else
   {
          element.setAttribute("src","/images/pic_bulbon.gif");
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">數組

或者js以下:ip

<script>
function changeImage()
{
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))  element

//element.src.match("bulbon")若是能匹配到 返回一個數組,if(true) 執行下面的,返回數組就說明(裏面的內容爲true)
     {
          element.src="/images/pic_bulboff.gif";
      }
    else
   {
          element.src="/images/pic_bulbon.gif";
   }
}
</script>get

相關文章
相關標籤/搜索