Question

我在同一个班级上使用多个按钮。当用户单击任何按钮时，我要使具有其他类的元素填充为红色。

所以基本上，我想为.wrapper类中具有.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解决方案。

Answer 1

类似以下的方法应该适合您：

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);
}

访问嵌套元素

1 个答案: