<!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.childNodes[7].childNodes[1];//.childNodes[3].childNodes[0].nodeValue;
???for(var?i?=?0;i<x.childNodes.length;i++){
???????document.write(x.childNodes[i].childNodes[0].nodeValue);
???}
</script>
</body>
</html>
2018-05-22
document.write(x.childNodes[i].childNodes[0].nodeValue);
childNodes[i]的子節點有元素節點和文本節點，文本節點沒有子節點，所以childNodes[0]這里會出錯
2018-05-21
<script??type="text/javascript"> ???????var?mylist?=?document.getElementById("tcon"); ???????var?hc=mylist.parentNode.parentNode.parentNode.lastChild.childNodes[1].childNodes; ???????for(var?i=0;i<hc.length;i++){ ?????????if(hc[i].nodeType==3){ ?????????????continue; ?????????} ?????????else{ ?????????????document.write(hc[i].firstChild.nodeValue+'<br/>'); ?????????} ???????} </script>為啥這段代碼卻可以？？