首頁(yè) 猿問(wèn) 關(guān)于子節(jié)點(diǎn)和空白節(jié)點(diǎn)

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

JavaScript

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

教程說(shuō)除了IE其他的瀏覽器會(huì)計(jì)算空白節(jié)點(diǎn)，為什么我用好像是谷歌內(nèi)核的搜狗瀏覽器顯示7個(gè)節(jié)點(diǎn)其中4個(gè)是作為4個(gè)文本節(jié)點(diǎn)？即?javascript ?? <p>javascript</p>? <div>jQuery</div>? <h5>PHP</h5>這樣的話如果再加上空白節(jié)點(diǎn)的話豈不是11個(gè)節(jié)點(diǎn)了？<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é)點(diǎn)數(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貢獻(xiàn)31條經(jīng)驗(yàn) 獲得超20個(gè)贊

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

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

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

回復(fù) 2016-11-07

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

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

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

劉毅毅
那也還有3個(gè)元素節(jié)點(diǎn)，一共也是10個(gè)節(jié)點(diǎn)了，可是運(yùn)行后說(shuō)有7個(gè)節(jié)點(diǎn)

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

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

回復(fù) 2016-11-10