javascript - 使用JavaScript getElementById定位CSS

确实，这是一个简单的问题，我正在使用getElementById定位div standby并更改其样式。现在，我无法满足任何人的需求，无法找到如何将CSS中写为#standby img的内容作为目标，即img中的standby标记。我该如何定位并使用JavaScript更改其样式？

最佳答案

对于所有浏览器中的纯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";