為什么最后一個節點不是空白節點,剛開始我以為是瀏覽器兼容問題,沒識別空白節點,但測試了下,發現瀏覽器識別了空白節點,就不知道是哪的問題了,來請教下大神們
<!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-16
</li></ul> 這里連著一起的吧,你試試把這里分開會不會有空白節點