訪問父節點一節有幾個問題
訪問父節點的幾個疑問。
這是練習題的代碼。里面父節點parentNode疊加了好幾個，那么firstchild和latChild能不能疊加？
我只想輸出ul標簽內的“文字 段落”這幾個內容該如何寫代碼？innerHTML換成value 的結果是0，怎么理解？ ?謝謝各位大神了！
新人沈琦斌
2016-04-19
1 回答
舉報
0/150
提交
取消
2016-04-20
firstChild.firstChild是可以用的，但是這里會出現空白文本節點的情況，所以你這樣的結果訪問的是空白文本節點
<!DOCTYPE?HTML> <!-- ..清除空白的文本節點 function?cleanWhitespace(element) { ????for(var?i=0;?i<element.childNodes.length;?i++) ????{ ????????var?node?=?element.childNodes[i]; ????????if(node.nodeType?==?3?&&?!/\S/.test(node.nodeValue)) ????????{ ????????????node.parentNode.removeChild(node); ????????} ????} } --> <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?myul=mylist.parentNode.parentNode.parentNode; ????var?myli=myul.lastChild.childNodes[1].childNodes; /*????document.write(myli[0].nodeValue); ????document.write(myli[1].nodeValue); ????document.write(myli.length);*/ ????document.write(myli.length);//輸出結果為9，包含空白的文本節點 ????document.writeln(myli[1].innerHTML); ????document.writeln(myli[3].innerHTML); </script> </body> </html>