如何制作一个由多个＆＃39; div组成的变量＆＃39;

Question

我对Javascript中的变量有疑问。

当我为一个ID分配var时，我这样做：

var x = document.getElementById("div_name");

但我想制作一个由多个＆＃39; div组成的变量＆＃39;。

我认为这可行，但我没有：

var x = document.getElementById("div_name"),document.getElementById("div_name2"); 

有人可以帮我找到正确的代码语法，并解释为什么我尝试的语法不正确。

Answer 1

所以，如果您只想将它​​们作为div's的列表，您可以这样做：

var x = [document.getElementById("div_name"),document.getElementById("div_name2")];

只需用[]打包它们。

Answer 2

如果你的var应该包含多个对象（在你的情况下为div），那么你需要有更多的变量，或者更好的是一个数组。

您可以使用以下代码创建yor数组。

var x = [document.getElementById("div_name"), document.getElementById("div_name2")];

这是因为DOM页面中的不同DIV是不同的对象......

Answer 3

没有这样的变量被定义为：

var x = somthing, somesthingElse

您需要选择一个可以存储“事物”集合的变量。在您的情况下，阵列是一个理想的选择：

var x = [document.getElementById("div_name"),document.getElementById("div_name2")];

表达式开头和结尾的括号是声明变量的语法。

Answer 4

除了使用Array之外，您还可以将div存储在Object

中

var divs = {
  div1: document.getElementById("div_name"),
  div2: document.getElementById("div_name2")
};

因此，您可以为div提供一个方便的名称，但仍可随意传递它们：

divs.div1;
divs.div2;

或者像这样循环遍历：

for (div in divs) {
  console.log(divs[div]);
};