从 nodelist 中的节点获取 id 属性

【问题标题】：Get id attribute from a node in nodelist从 nodelist 中的节点获取 id 属性
【发布时间】：2015-08-14 17:51:02
【问题描述】：

我目前通过在 javascript 中使用 document.getElementsByClassName 方法获得了一个节点列表。然后我检查第一个节点是否有任何子节点，如果没有，我将返回一个带有该节点 ID 的 document.getElementById。我不确定如何从节点列表中获取 ID。

 var columns = document.getElementsByClassName('.col-md-4.column');

if (countChildren(columns[0].childNodes) == 0) {
    return document.getElementById(columns[0].) //not sure what goes here
}

【问题讨论】：

标签： javascript html

【解决方案1】：

如果你有一个 DOM 节点，它有一个id 属性，你不能使用getElementById 来获取那个属性

var columns = document.querySelectorAll('.col-md-4.column');

if ( countChildren(columns[0].childNodes) == 0 ) {
    return columns[0].id;
}

请注意，getElementsByClassName 参加的课程没有句号，但为了获得更好的支持，您不妨使用querySelectorAll

【讨论】：

【解决方案2】：

不出意外，是.id：

return document.getElementById(columns[0].id);

但更重要的是，您已经拥有对节点的引用 - 不要为它查询 DOM：

return columns[0];

【讨论】：