检测元素widh DOM javascript

Question

我的问题很简单，我无法检测到一个元素，我想通过javascript更改backgroundColor但我无法检查它，因为它是一个标签+ class + tag + class ... 这是我试过的代码：

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”。 我希望有人会帮助我，谢谢

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>