首頁猿問關(guān)于子節(jié)點和空白節(jié)點

關(guān)于子節(jié)點和空白節(jié)點

JavaScript

劉毅毅 2016-11-07 00:32:47

教程說除了IE其他的瀏覽器會計算空白節(jié)點，為什么我用好像是谷歌內(nèi)核的搜狗瀏覽器顯示7個節(jié)點其中4個是作為4個文本節(jié)點？即?javascript ?? <p>javascript</p>? <div>jQuery</div>? <h5>PHP</h5>這樣的話如果再加上空白節(jié)點的話豈不是11個節(jié)點了？<div> ??javascript?? ??<p>javascript</p> ??<div>jQuery</div> ??<h5>PHP</h5> </div> <script?type="text/javascript"> ?var?node=document.getElementsByTagName("div"); ?var?cnode=node[0].childNodes; ?document.write("子節(jié)點數(shù)："+cnode.length+"<br/>"); ?for(i=0;i<cnode.length;i++){ ????document.write("名字："+cnode[i].nodeName+" "+"類型："+cnode[i].nodeType+" "+"值："+cnode[i].nodeValue+"<br/>"); ???} </script>

查看完整描述

2 回答

GavinZeng

TA貢獻31條經(jīng)驗獲得超20個贊

nodeType 等于3的即空白文本節(jié)點，這些節(jié)點IE不視為節(jié)點，而其他瀏覽器會當(dāng)作節(jié)點，遍歷一下這些節(jié)點的屬性值就清除了

反對回復(fù) 2016-11-07

劉毅毅
nodeType=3不是文本節(jié)點嗎？如果有文本存在的話就不是空白節(jié)點了吧？從那張圖上看既有文本又有空白節(jié)點

回復(fù) 2016-11-07

stone310

TA貢獻361條經(jīng)驗獲得超191個贊

你說的空白節(jié)點就是文本節(jié)點，而且這里第一個javascript就是文本節(jié)點，所以連同第一個兩邊的空白都只是一個節(jié)點，然后才到<p>是第二個節(jié)點（元素節(jié)點），再到空白。。。這樣寫總共是7個沒問題

反對回復(fù) 2016-11-07

劉毅毅
那也還有3個元素節(jié)點，一共也是10個節(jié)點了，可是運行后說有7個節(jié)點

回復(fù) 2016-11-07
劉毅毅
我好像發(fā)現(xiàn)。。。文本節(jié)點的概念我沒弄清。li和p本身，以及它們標(biāo)記的文本，這4種東西到底哪個是文本節(jié)點，暈

回復(fù) 2016-11-07
劉毅毅
可否理解為<li>111</li>這個元素節(jié)點包含一個子節(jié)點---文本節(jié)點111？

回復(fù) 2016-11-10