訪問父節(jié)點(diǎn)一節(jié)有幾個(gè)問題
訪問父節(jié)點(diǎn)的幾個(gè)疑問。
這是練習(xí)題的代碼。里面父節(jié)點(diǎn)parentNode疊加了好幾個(gè)，那么firstchild和latChild能不能疊加？
我只想輸出ul標(biāo)簽內(nèi)的“文字 段落”這幾個(gè)內(nèi)容該如何寫代碼？innerHTML換成value 的結(jié)果是0，怎么理解？ ?謝謝各位大神了！
新人沈琦斌
2016-04-19
1 回答
舉報(bào)
0/150
提交
取消
2016-04-20
firstChild.firstChild是可以用的，但是這里會出現(xiàn)空白文本節(jié)點(diǎn)的情況，所以你這樣的結(jié)果訪問的是空白文本節(jié)點(diǎn)
<!DOCTYPE?HTML> <!-- ..清除空白的文本節(jié)點(diǎn) 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>無標(biāo)題文檔</title> </head> <body> <ul?id="con"> ????<li?id="lesson1">javascript ????????<ul> ????????????<li?id="tcon">?基礎(chǔ)語法</li> ????????????<li>流程控制語句</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?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);//輸出結(jié)果為9，包含空白的文本節(jié)點(diǎn) ????document.writeln(myli[1].innerHTML); ????document.writeln(myli[3].innerHTML); </script> </body> </html>