(javaScript: DOM) setAttribute 索引

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返回一個元素列表。

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

---

供參考

如果您改用document.querySelector ，則無需指定索引，因為它返回文檔中與指定選擇器匹配的第一個元素。

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