firstChild和childNodes [1]有什麼區別？

Question

java腳本DOM中的子節點和子元素有什麼區別。 例如像

var myTbodyElement = myTableElement.firstChild; 

和

var mySecondTrElement = myTbodyElement.childNodes[1]; 

我們可以替代使用的第一個孩子和子節點

Answer 1

.firstChild相當於childNodes[0]。

• firstChild返回第一個子節點
• childNodes返回所有子節點的集合
• firstElementChild返回所述第一子元件
• children返回所有子的集合元件

can we s ubstitute使用第一個孩子和子節點

是的，如果你只想訪問第一個。

演示：

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>