為什么最后一個(gè)節(jié)點(diǎn)不是空白節(jié)點(diǎn),剛開始我以為是瀏覽器兼容問(wèn)題,沒(méi)識(shí)別空白節(jié)點(diǎn),但測(cè)試了下,發(fā)現(xiàn)瀏覽器識(shí)別了空白節(jié)點(diǎn),就不知道是哪的問(wèn)題了,來(lái)請(qǐng)教下大神們
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>無(wú)標(biāo)題文檔</title> </head> <body> <ul?id="con"> <li?id="lesson1">javascript ??<ul>? ??????<li?id="tcon">?基礎(chǔ)語(yǔ)法</li> ??????<li>流程控制語(yǔ)句</li> ??????<li>函數(shù)</li> ??????<li>事件</li> ??????<li>DOM</li> ??</ul> </li> <li?id="lesson2">das</li> <li?id="lesson3">dadf</li> <li?id="lesson4">HTML/CSS? ??<ul> ????<li>文字</li> ????<li>段落</li> ????<li>表單</li> ????<li>表格</li>?? ??</ul>? </li></ul>?? <script??type="text/javascript">???? ???var?mylist?=?document.getElementById("tcon");? ???var?x=mylist.parentNode.parentNode.parentNode.lastChild; ???document.write(x.innerHTML); ???var?y=mylist.parentNode.parentNode.parentNode.childNodes; ???document.write(y.length); ???for(var?i=0;i<y.length;i++){ ??? document.write("第"+(i+1)+"個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)名稱:"+y[i].nodeName+"</br>"); ???}??? </script>? </body> </html>
以下是運(yùn)行結(jié)果
2017-08-24
看你代碼27行</li></ul> 兩個(gè)標(biāo)簽是連起來(lái)的,沒(méi)有空白符,所以沒(méi)有空白標(biāo)簽
2017-08-18
2,4,6,8這四個(gè)節(jié)點(diǎn)分別對(duì)應(yīng)id為lesson1,lesson2,lesson3,lesson4四個(gè)li標(biāo)簽
lesson4結(jié)束部分</li>與</ul>之間沒(méi)有空白節(jié)點(diǎn),因此最后一個(gè)節(jié)點(diǎn)不是空白標(biāo)簽