javascript - 使用 javascript [NO jQuery] 获取 div

Question

如何使用传统的 javascript 访问 div.id = "columns" 中的 div，请不要使用 jQuery

<div id="columns">
   <div>DiV A</div>
   <div>DiV B</div>
   <div>DiV C</div>
</div>

Answer 1

Mark Reed 的答案适用于较新的浏览器。这几乎适用于任何东西：

var divs = document.getElementById('columns').getElementsByTagName('div');

Answer 2

var columns = document.querySelectorAll('#columns > div');

Answer 3

如果您正在寻找更多手工解决方案（根传统），您可以试试这个：

var col = document.getElementById('columns');
for (var i =0; i < col.childNodes.length; i++) {
    var node = col.childNodes[i];
    if (node.nodeType == 1) {
        // do something with the node here
    }
}