Javascript查询选择器

Javascript query selector

本文关键字：选择器 查询 Javascript      更新时间：2023-09-26

我有一个关于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";

但它不起作用。

你能帮我吗？提前谢谢。

我想你想要这个：

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

将CCD_ 1添加到末尾使CCD_。

你也可以省略.body，这是你喜欢的，它更常见的只是说：

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

您不使用.className JS结尾。只需使用这个：

var el = document.body.getElementsByTagName("div")[0];
el.style.color = "green";
<div class="box">
        Element1
    </div>
    <div class="box">
        Element2
    </div>
    <div class="box">
        Element3
    </div>

尝试选择第二个div，

    var el = document.body.getElementsByTagName("div")[1];
    el.style.color = "green";
相关文章：