使用childNodes从数组中初始化变量

Question

有人可以帮助解释以下JavaScript语法的用途：

  var tagLink_ar = document.getElementsByTagName('td');  

  **var x = tagLink_ar.childNodes, i=0, j;**                 // Not sure ???

这是来自较旧的javascript函数，不再适用于IE＆gt; 9或FF。

tagLink_ar当然是TD标签的数组，但我以前没有看过带有索引元素i和j的变量，并且在我的在线研究中找不到类似的描述符。我只是引用起始元素和j的长度吗？

关于如何以类似方式加载x的想法？

---

有道理它是x，i和j的简单声明。然而得到一个“TypeError：x未定义”。

以下是作为参考的功能：

var tagLink_ar = document.getElementsByTagName('td');  
**var x = tagLink_ar.childNodes, i=0, j;**                 // Not sure ???

while(j == x[i++]){                                             
  if(j.nodeType == 1 && nodeName == 'div'){                     
     var viewDiv = getStyle(divElement, 'display');
     if (viewDiv == 'block'){                                   
       x[j].style.borderBottom = "1px solid #000000";
     }
   }
}

注意到while上的语法错误，应该是j = x [i ++]和j.nodeName

Answer 1

没有合理的情况x可能有childNodes属性。 tagLink_ar是NodeList，该列表中的每个元素都有childNodes属性。

还有一些其他原因导致代码无法运行。你有没有正确复制它？

要获得代码设计的结果，您可以执行此操作（我包含一些示例HTML，以便您可以将其作为代码段运行）：

var tagLink_ar = document.getElementsByTagName('td'),
    children, i, j, node, viewDiv;

for (i = 0; i < tagLink_ar.length; i += 1) {
    children = tagLink_ar[i].childNodes;
    for (j = 0; j < children.length; j += 1) {
        node = children[j];

        if (node.nodeType === 1 && 
            node.nodeName.toLowerCase() === 'div' && 
            node.style.display === 'block') {
            
            node.style.borderBottom = "1px solid #000000";
        }
    }
}

<table>
    <tr>
        <td>
            <div>a</div>
        </td>
        <td>
            <div style="display: block;">b</div>
        </td>
    </tr>
    <tr>
        <td>
            <div style="display: block;">c</div>
        </td>
        <td>
            <div style="display: block;">b</div>
        </td>
    </tr>
    <tr>
        <td>
            <div>e</div>
        </td>
        <td>
            <div>f</div>
        </td>
    </tr>
</table>

Answer 2

有问题的语法只是初始化变量，虽然非常令人困惑。

var x = tagLink_ar.childNodes, i=0, j;

相当于

var x = tagLink_ar.childNodes;
var i = 0;
var j = undefined;