Javascript 访问嵌套元素

我在一个公共类中使用多个按钮。当用户单击任何按钮时，我想用红色填充另一个类的元素

所以基本上我想给里面的所有东西上色。包装器有.col类。

这就是我目前所拥有的

var clickMe = document.querySelectorAll('.common');
for (var i = 0; i < clickMe.length; i++) {
  clickMe[i].addEventListener('click', function (event) {

    var x = document.querySelectorAll('#wrapper svg .col'); //this is where my issue starts.
    x.style.fill = "red";

  }, false);
}

---

正在寻找纯javascript解决方案。

类似以下内容应该适合您：

var clickMe = document.querySelectorAll('.common');
for (var i = 0; i < clickMe.length; i++) {
  clickMe[i].addEventListener('click', function (event) {

    var x = document.querySelectorAll('#wrapper svg .col'); //this is where my issue starts.
    for(var j=0;j<x.length;j++){
      x[j].style.fill = "red";
    }


  }, false);
}

---

document.querySelectorAll'wrapper svg.col'返回一个数组，因此您需要遍历数组并为document.querySelectorAll'wrapper svg.col'等单个元素设置样式可能的重复项没有问题：另外，请不要忘记向上投票以验证解决方案并帮助其他人：