<!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.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]的子節(jié)點(diǎn)有元素節(jié)點(diǎn)和文本節(jié)點(diǎn)，文本節(jié)點(diǎn)沒(méi)有子節(jié)點(diǎn)，所以childNodes[0]這里會(huì)出錯(cuò)
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>為啥這段代碼卻可以？？