javascript - 导致 "Cannot call method ' getElementsByTagName' of null "的错误？

Question

我试图为 id 为“superbgimage”的 div 的 img 子级提供“fullSize”类，但我返回了此错误。这是什么问题？

这是我的脚本:

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');
}