(javaScript: DOM) 设置属性索引

Question

我正在尝试通过 javaScript DOM 在 <img> 中添加图像，只是想知道为什么第一个代码有效而第二个代码无效？为什么 img 需要索引？

    var img = document.querySelectorAll("img");
    img[0].setAttribute("src", "images/image_1.jpg");
    img[0].setAttribute("style", "width:500px; height:200px;");

    var img = document.querySelectorAll("img");
    img.setAttribute("src", "images/image_1.jpg");
    img.setAttribute("style", "width:500px; height:200px;");

Answer 1

因为document.querySelectorAll returns 一个元素列表.

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll

仅供参考

如果您改用 document.querySelector，则不需要指定索引，因为它 returns 文档中与指定的选择器。

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

(javaScript: DOM) 设置属性索引

(javaScript: DOM) setAttribute index

javascript

dom

setattribute

仅供参考