导致错误＆＃34;无法调用方法＆＃39; getElementsByTagName＆＃39; null＆＃34;？

Question

我正在试图给一个div的img孩子们带有＃34; superbgimage＆＃34;一类＆＃34; fullSize，＆＃34;但是我回复了这个错误。有什么问题？

这是我的剧本：

var fullSize = document.getElementById("superbgimage");
var myImgItems = fullSize.getElementsByTagName("img");
myImgItems.setAttribute("class","fullSize");

HTML - 实时代码

<div id="superbgimage" style="overflow: hidden; z-index: 0; position: fixed; width: 100%; height: 100%; top:0px; left: 0px; display:block;">
<img src="Artwork/art23.jpg" rel="13" style="position: absolute; width: 1281px; height:    949px; left: -269px; top: 0px; z-index: 0; display: none;">
</div>

Answer 1

你需要遍历«myImgItems»对象中的图像元素（它不是一个实际的数组，它是一个NodeList）。

试试这个。

var fullSize = document.getElementById("superbgimage");
var myImgItems = fullSize.getElementsByTagName("img");

var i = myImgItems.length;

// Loop over the images and set the class
while(i--) {
  myImgItems[i].setAttribute('class', 'fullSize');
}