為什么最后一個節點不是空白節點,剛開始我以為是瀏覽器兼容問題,沒識別空白節點,但測試了下,發現瀏覽器識別了空白節點,就不知道是哪的問題了,來請教下大神們
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>無標題文檔</title> </head> <body> <ul?id="con"> <li?id="lesson1">javascript ??<ul>? ??????<li?id="tcon">?基礎語法</li> ??????<li>流程控制語句</li> ??????<li>函數</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)+"個節點的節點名稱:"+y[i].nodeName+"</br>"); ???}??? </script>? </body> </html>
以下是運行結果
2017-08-24
看你代碼27行</li></ul> 兩個標簽是連起來的,沒有空白符,所以沒有空白標簽
2017-08-18
2,4,6,8這四個節點分別對應id為lesson1,lesson2,lesson3,lesson4四個li標簽
lesson4結束部分</li>與</ul>之間沒有空白節點,因此最后一個節點不是空白標簽