firstChildとchildNodes [1]の違いは何ですか？

Question

JavaスクリプトDOMの子ノードと子要素の違いは何ですか？ は、例えば

var myTbodyElement = myTableElement.firstChild; 

と

var mySecondTrElement = myTbodyElement.childNodes[1]; 

のように、我々は最初の子と子ノードに

Answer 1

.firstChildを使用して置き換えることができchildNodes[0]に相当します。

• firstChild最初の子ノード
• childNodesが
• firstElementChildは、最初の子要素
• childrenが要素

すべての子のコレクションを返し、すべての子ノードのコレクションを返し

私たちのすることができます最初の子ノードと子ノードを使用して置換します。

はい、最初のものにアクセスしたいだけです。

デモ：

var d = document.getElementById('myDiv'); 
 

 
var firstChild = d.firstChild; 
 
var childNodes0 = d.childNodes[0]; 
 
var firstElementChild = d.firstElementChild; 
 
var children0 = d.children[0]; 
 

 
console.log("d.childNodes.length is", d.childNodes.length); 
 
console.log(firstChild.nodeName, firstChild.textContent); 
 
console.log(childNodes0.nodeName, childNodes0.textContent); 
 
console.log("d.children.length is", d.children.length); 
 
console.log(firstElementChild.nodeName, firstElementChild.textContent); 
 
console.log(children0.nodeName, children0.textContent);

<div id="myDiv">Some text<b>Some bold text</b>Some more text</div>