javascript - JavaScript を使用して div をフェッチする [NO jQuery]

Question

従来のjavascript no jQueryを使用してdiv.id = "columns"内のdivにアクセスする方法

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

Answer 1

Mark Reed's answer works in newer browsers . これはほとんど何でも動作します:

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
    }
}