<div>
??javascript?<!--文本節(jié)點(diǎn)-->?
??<p>javascript</p><!--p元素節(jié)點(diǎn)-->?<!--邊上還有個空格的文本節(jié)點(diǎn)-->
??<div>jQuery</div><!--div元素節(jié)點(diǎn)--><!--邊上還有個空格的文本節(jié)點(diǎn)-->
??<h5>PHP</h5><!--h5元素節(jié)點(diǎn)--><!--邊上還有個空格的文本節(jié)點(diǎn)-->
</div>

主要是因?yàn)椴煌瑸g覽器之間的兼容性。

比如說下面這種情況：

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

<div>后面的尖括號到<p>之間的內(nèi)容算一個文本節(jié)點(diǎn)，<p>到</p>之間是一個元素節(jié)點(diǎn)，</p>到<div>之間的換行也算一個文本節(jié)點(diǎn)，，，</h5>與</div>之間也算一個文本節(jié)點(diǎn)。

所以一共會有7個子節(jié)點(diǎn)

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

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