如何使用 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>