NodeList と HTMLCollection と Node.appendChild() と

NodeList と HTMLCollection と Node.appendChild() と

NodeListオブジェクトは、この縦のノードを配列っぽく並べたものです。 DOMツリーを表したHTMLでbody内...概要を表示 NodeListオブジェクトは、この縦のノードを配列っぽく並べたものです。 DOMツリーを表したHTMLでbody内のNodeListは、childNodesで取得することができます。 配列っぽくというのは、インデックスで取得できたりして配列っぽく振舞いますが、実際には配列ではありませんので、配列で使える便利なメソッドは利用できません。 var nodelist = document.querySelectorAll('body'); console.log(nodelist[0].childNodes); NodeList[5] 0:text 1:h1 2:text 3:p#explanation 4:text 個別で取得したい場合は、childNodesをインデックスでつなげて指定することができます。 また、item()でも取得できます。 console.log(nodelist[0]