javascript - 从节点列表中的节点获取 id 属性

Question

我目前通过使用 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
}

Answer 1

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

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

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

请注意，getElementsByClassName 采用不带句点的类，但为了获得更好的支持，您最好使用 querySelectorAll