首頁猿問這個函數(shù)為什么沒有輸出。。。檢查了...

這個函數(shù)為什么沒有輸出。。。檢查了好久貌似沒有問題

JavaScript 前端工具

慕數(shù)據(jù)4485210 2016-02-05 20:19:25

<!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>函數(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 b=mylist.parentNode.parentNode.parentNode;//ul ? var c=b.lastChild;//li ? var d=c.childNode[0];//ul ? var e=d.childNode;//li[] ? for(i=0;i<=d.length;i++){ ? ? ? if(e[i].nodeType==3){ ? ? ? ? ? continue; ? ? ? } ? ?else{ ? ? ? ?document.write(e[i].nodeValue); ? ?} ? ? }</script> </body></html>

查看完整描述

4 回答

_da

TA貢獻22條經(jīng)驗獲得超29個贊

</ul></li></ul>

? var mylist = document.getElementById("tcon");?

? var b=mylist.parentNode.parentNode.parentNode;//ul

? var c=b.lastChild;//li

? var d=c.childNodes[0];//ul

反對回復 2016-02-14

_da

TA貢獻22條經(jīng)驗獲得超29個贊

console.log(c)你就明白了。最后是文本節(jié)點?

反對回復 2016-02-14

逆光之羽

TA貢獻55條經(jīng)驗獲得超13個贊

<!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>函數(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?b=mylist.parentNode.parentNode.parentNode;//ul
??var?c=b.lastChild.previousSibling;//li????
??var?d=c.childNodes[1];//ul
??var?e=d.childNodes;//li[]
??for(i=0;i<e.length;i++){
??????if(e[i].nodeType==3){
??????????continue;
??????}else{
???????document.write(e[i].innerHTML);
???}??
??}

</script>
</body>
</html>

不知道是不是要的這個效果

js原生的子節(jié)點獲取函數(shù)都有兼容性問題，不同瀏覽器下面子節(jié)點個數(shù)都不一樣

如果是在IE下的話，你那程序之所以沒輸出是因為從var c開始取元素就取錯了

再加上var d和var e取子元素的語法錯誤，應該是childNodes

反對回復 2016-02-06

Caballarii

TA貢獻1123條經(jīng)驗獲得超629個贊

for循環(huán)里面不該用d.length

反對回復 2016-02-05

慕數(shù)據(jù)4485210
那應該怎樣實現(xiàn)這樣的功能呢

回復 2016-02-05
Caballarii
我運行了一下，var c=b.lastChild;//li這一句c并不是li，而是文本節(jié)點，接下來你該去看childNodes和children的區(qū)別了

回復 2016-02-05
Alex幫主豪
應該用count()

回復 2016-02-05