<div>
??javascript?<!--文本節點-->?
??<p>javascript</p><!--p元素節點-->?<!--邊上還有個空格的文本節點-->
??<div>jQuery</div><!--div元素節點--><!--邊上還有個空格的文本節點-->
??<h5>PHP</h5><!--h5元素節點--><!--邊上還有個空格的文本節點-->
</div>

主要是因為不同瀏覽器之間的兼容性。

比如說下面這種情況：

<div>
??javascript??
??<p>javascript</p>
??<div>jQuery</div>
??<h5>PHP</h5>
</div>

<div>后面的尖括號到<p>之間的內容算一個文本節點，<p>到</p>之間是一個元素節點，</p>到<div>之間的換行也算一個文本節點，，，</h5>與</div>之間也算一個文本節點。

所以一共會有7個子節點

<div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>

如果將代碼簡化成上面這種形式，則只會有4個子節點。（1個文本節點，3個元素節點）