Javascript 一次获取多个 id

Question

我只是想知道是否可以在 javascript 中一次获取多个 id，而无需使用 JQuery。我正在检查动态创建的表格中每个单元格的背景颜色。例如，我有这段代码:

var black = "rgb(0, 0, 0)";
if(document.getElementById("cell1").style.backgroundColor == black &&
   document.getElementById("cell2").style.backgroundColor == black)
{
  alert("Two cells are black!");
}

有没有可能做这样的事情:

var black = "rgb(0, 0, 0)";
if(document.getElementById("cell1","cell2").style.backgroundColor == black)
{
  alert("Two cells are black!");
}

我尽量不使用 JQuery，因为我不太熟悉它。

Answer 1

在现代浏览器中，您可以使用 querySelectorAll ( compatibility matrix ) 执行类似的操作，但您仍然需要遍历生成的 NodeList:

var nodes = document.querySelectorAll("#cell1, #cell2");
var count = 0;
for (var index = 0; index < nodes.length; ++index) {
    if (nodes[index].style.backgroundColor == black) {
        ++count;
     }
}
if (nodes.length === count) {
    alert("Both are black");
}

并没有真正说服你，说:

var cells = ["cell1", "cell2"];
var count = 0;
for (var index = 0; index < cells.length; ++index) {
    if (document.getElementById(cells[index]).style.backgroundColor == black) {
        ++count;
    }
}
if (cells.length === count) {
    alert("All cells are black");
}

简而言之:不，您真的没有什么比这更有用的了。