JavaScript 查询选择器

Question

我有一个关于 javascript 选择器的问题，我有 3 个具有相同类的 div 元素。我想改变二等舱的颜色。

    <div class="box">
        Element1
    </div>

    <div class="box">
        Element2
    </div>

    <div class="box">
        Element3
    </div>

我尝试过以下代码:

var el = document.body.getElementsByTagName("div")[0].className;
el.style.color = "green";

但它不起作用。

你能帮我吗？提前致谢。

Answer 1

我想你想要这个:

var el = document.body.getElementsByTagName("div")[0];

在末尾添加 .className 会使 el 成为字符串而不是元素。

您也可以根据需要省略.body，更常见的是:

var el = document.getElementsByTagName("div")[0];