如何通过变量选择嵌套元素？ JS

Question

var a = document.getElementsByClassName（＆＃34; lamp＆＃34;）; var b = document.getElementsByTagName（＆＃34; div＆＃34;）;

a [0] .b [1] .style.color =＆＃34; white＆＃34;;

为什么这段代码错了？

Answer 1

a和b都是节点列表。语言并不像你认为的那样有效。

您需要按照tagName过滤Class Collection，而不是循环trough并添加样式;）

 document.getElementsByClassName("lamp").filter(e=>e.tagName=="div").forEach(e=>e.style.color="white";);

但是，jquery（库）在这种情况下非常有用：

$("div .lamp").each(function(){
  this.css("color","white");
});