Javascript 函数在 Chrome 中不起作用？答案

【问题标题】：Javascript Function Not Working In Chrome?Javascript 函数在 Chrome 中不起作用？
【发布时间】：2015-02-04 22:11:51
【问题描述】：

我有这个简单的代码来加载图像数组并使用 div 中的 img src 递增它。它在 Firefox 中运行良好，但 Chrome 和 IE11 无法运行。我已经使用警报测试了 javascript，它在两种浏览器中都可以使用。我错过了什么？谢谢！

  var counter = -1;  
  var imgArray = new Array(); 

  imgArray[0] = new Image();
  imgArray[0].src = "../Images/NewLogo1.jpg";

  imgArray[1] = new Image();
  imgArray[1].src = "../Images/NewLogo2.jpg";  

function nextImage(){
  //increments the counter and shows the next image
  counter++;
  if (counter > 1){
  counter = 0;
  } // end if  
  document.fadeImg.src = imgArray[counter].src; 
} // end nextImage

setInterval(function() {
 nextImage();
 },5000);

onload = nextImage;

HTML

<div class="homecontent" id="homecontent">
<img id="fadeImg" src="holder.jpg" alt="" />
</div>

【问题讨论】：

chrome 控制台没有错误？
描述不工作？
div 中没有加载任何内容。我根本没有图像。
将document.fadeImg.src 更改为document.getElementById('fadeImg').src

标签： javascript

【解决方案1】：

如果您在 HTML 中使用 id 属性（例如 <img id="fadeImg"... />），则可以使用以下语法选择它：document.getElementById("fadeImg").src。

但是，如果您在 HTML 中使用 name 属性（例如 <img name="fadeImg"... />），则可以使用以下语法选择它：document.fadeImg.src。

【讨论】：