Javascript只工作一次？

Question

我不知道为什么，但是我的Javascript在Firefox和IE中只能运行一次（但在Chrome中可以正常运行）。 有人知道为什么吗？

<script type="text/javascript">
function changeDivImage() 
       { 
        var imgPath = new String(); 
        imgPath = document.getElementById("div1").style.backgroundImage; 
        if (imgPath == "url(images/1.jpg)" || imgPath == "")
          { 
           document.getElementById("div1").style.backgroundImage ="url(images/2.jpg)"; 
          } 
        else if (imgPath == "url(images/2.jpg)")
          { 
           document.getElementById("div1").style.backgroundImage = "url(images/3.jpg)"; 
          }
        else if (imgPath == "url(images/3.jpg)")
          { 
           document.getElementById("div1").style.backgroundImage = "url(images/1.jpg)"; 
          }  
       }   
  </script> 

点击图片触发脚本

<img src="images/leftarrow.png"
     value="Change Background Image"
     onclick="changeDivImage()" />

Answer 1

浏览器倾向于以不同的方式规范CSS属性。 例如，IE和Firefox在URL周围加上引号。

因此，也许您应该尝试以下方法：

var div = document.getElementById('div1'),
    imgPath = parseInt(div.style.backgroundImage.match(/\d(?=\.jpg)/) || ["0"],10),
    newnum = imgPath%3+1;
div.style.backgroundImage = "url(images/"+newnum+".jpg)";