如何使用querySelector？

Question

所以我得到了这个代码：

Function9() {
            x = document.getElementById('BakjeRood');
            x.style.opacity=1;
            y = document.querySelectorAll("#BakjeBlauw, #BakjeGeel, #BakjePaars, #BakjeRoze, #BakjeWit");
            y.style. opacity = 0;
        }

如果用function9()单击按钮，图像'BakjeRood‘的不透明度为1，但其他图像(BakjeBlauw等)的不透明度为1。然后应该得到不透明度为0(这个结构是相同的，我在我的网站上的所有功能。我如何让这第二部分工作呢？

Answer 1

在您的示例中，您已经说明了getElementById的知识，它本质上返回单个HTMLElement实例或派生，而querySelectorAll返回一个可枚举的类似列表/数组的对象，其中包含与查询匹配的所有HTMLElement实例。

var elems = document.querySelectorAll("#x, #z, #z");
for(var index = 0; index < elems.length; index++) {
    elems[index].style.opacity = 0;
    elems[index].canDoOtherStuffToo();
}

Answer 2

您需要遍历querySelectorAll的结果-它返回一个类似数组的对象(节点列表)，而不是单个节点。