如何使用 DOM JavaScript 检测元素？

Question

我想检测一个元素并通过 JavaScript 更改背景颜色，但遇到了问题。

我无法检查元素，因为它是标签+类+标签+类...

这是我的代码：

var one = document.getElementsByTagName("div");
var two = document.getElementsByClassName("red");
var three = document.getElementsByTagName("h2");
var four = document.getElementsByClassName("title");
one.two three.four.style.backgroundColor ="#00c497";

格式为“div.red h2.title”。

如何使用 DOM JavaScript 正确检测元素？

Answer 1

如果可以，请为此使用querySelector ：

 document.querySelector("div.red h2.title").style.backgroundColor = "#00c497";

 <div> <h2>Don't Touch</h2> </div> <div class="red"> <h2>Don't Touch</h2> <h2 class="title">Change</h2> </div>