Javascript 儿童的子女

假设我有一个div，它有两个子div，充当未定义数量的导航按钮的列。 比如

<div id='controls'>
<div id='column1'><a id='button1' href=#></a></div>
<div id='column2'><a id='button2' href=#></a></div>
</div>

既然我对两者都做了同样的事情，有没有一种方法可以将两者结合起来：

var controls = document.getElementById('controls').children.children;

或

使用

---

这里的控件是一个数组，因此需要迭代它们来更改其属性

button1.onclick = function () {
    var controls = document.querySelectorAll('#controls > div');
    for (var i = 0; i < controls.length; i++) {
        controls[i].className = controls[i].className.replace(new RegExp('\b' + active + '\b'), '');
    }
    this.className += ' active';
};

button1.onclick=函数（）{
var controls=document.queryselectoral（“#controls>div”）；
对于（变量i=0；i

啊，我明白了。应该是var controls=document.querySelectorAll（“#controls>div a”）；选择次要div下面的锚元素，还是以div本身为目标？另外，如果每个按钮都有一个公共类.button（例如），我是否可以使用它来针对它们（var controls=document.queryselectoral（'.button'）；@user3409230 yes….

document.queryselectoral（'.\controls>div a'）；

，如果您没有

控件中的任何其他锚元素，那么
document.queryselectoral>（“#控制a”）；
var controls = document.getElementById('controls').children;
var controls = controls.children;

var controls = document.querySelectorAll('#controls > div');
console.log(controls)

button1.onclick = function () {
    var controls = document.querySelectorAll('#controls > div');
    for (var i = 0; i < controls.length; i++) {
        controls[i].className = controls[i].className.replace(new RegExp('\b' + active + '\b'), '');
    }
    this.className += ' active';
};