javascript - getElementById() 总是显示 NULL 状态

Question

我正在学习关于事件处理程序的 JavaScript 类(class)，同时我从非常基础的开始，即 getElementById()。下面是我的 HTML 和 JavaScript 代码。下面的代码也有图像标签，但我是 SO 的新用户，这就是为什么他们不允许我以确切的方式发布它们。因此，将 src 标签视为完全投诉。

<div class="considerVisiting">
  <img src="images/bq-twitter" id="mainImage" alt="BeQRious Twitter"> 
</div>

这是 JavaScript 代码:

var myImage = document.getElementById("mainImage");
var imageArray = [images/1-btn, images/download-as-you-like];
var imageIndex = 0;

function changeImage() {

  myImage.setAttribute("src",imageArray[imageIndex]);
  imageIndex++;

  if (imageIndex >= imageArray.length) {
    imageIndex=0;
  }
}

setInterval(changeImage, 5000);

此代码将每 5 秒更改一次 mainImage 图片。但我面临的问题是，当我在 Mozilla 中使用 FireBug 运行此脚本时，它说:

 > Error : myImage is Null

脚本没有任何反应。

Answer 1

改变:

<img src="images/bq-twitter" **id="mainImage"** alt="BeQRious Twitter" /> 

收件人:

<img src="images/bq-twitter" id="mainImage" alt="BeQRious Twitter" /> 

** 无效。