javascript - 使用 JavaScript getElementById 定位 CSS

Question

这个问题确实很简单，我正在使用 getElementById 来定位我的 div standby 并更改其样式。现在，我无法为任何事情找到如何将我的 CSS 中编写的内容定位为 #standby img，即 中的 img 标记>待机。我如何定位它并使用 JavaScript 更改其样式？

Answer 1

对于所有浏览器中的普通 javascript，它将是这样的:

var imgs = document.getElementById("standby").getElementsByTagName("img");

在更高级的浏览器中，你可以这样使用:

var imgs = document.querySelectorAll("#standby img");

其中每一个都返回一个 nodeList(类似于 DOM 元素数组)，然后您可以对其进行迭代。

---

然后您可以像这样迭代其中任何一个的结果:

for (var i = 0; i < imgs.length; i++) {
    imgs[i].style.width = "300px";
}

---

如果您知道该 div 中只有一张图片，那么您可以这样做而不是迭代多个图片:

document.getElementById("standby").getElementsByTagName("img")[0].style.width = "300px";