                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

節(jié)點值的問題

??var?a?=?document.getElementsByTagName("div")[0].childNodes;
??for(var?i?=?0;?i?<?a.length?;?i++){
????document.write("第"?+?i?+?"個子節(jié)點名是："+?a[i].nodeName?+?"<br>");??????????
????document.write("第"?+?i?+?"個子節(jié)點值是："+?a[i].nodeValue?+?"<br>");
????document.write("第"?+?i?+?"個子節(jié)點類型是："+?a[i].nodeType?+?"<br>");
??}

錦鱗抄

2016-04-26

源自：JavaScript進階篇 9-8

關注問題我要回答

999

操作

收起

4 回答

alwynxu 回答被采納 +3 積分
2016-05-01

因為你獲取的是節(jié)點，所以element.nodeValue是獲取的節(jié)點本身的值，而并非開始和結束的元素節(jié)點中間的文本，文本和元素都是節(jié)點，但是兩者是不一樣的，要想進一步獲取元素節(jié)點之間的文本需要進一步獲取其文本子節(jié)點，通過element.childeNodes[j].nodeValue.

舉個例子：

<ul>
????<li>第一個li</li>
</ul>

var?element?=?document.getElementsByTagName("ul")[0].childNodes();?//獲取的是ul的子節(jié)點的集合，
//element[0].nodeValue獲得是li元素節(jié)點的值，元素節(jié)點的nodeValue為undefined或null。
//要想獲得li元素節(jié)點所包含的文本節(jié)點值，而該文本節(jié)點是li的子節(jié)點，就需要進一步獲取li的子節(jié)點，再通過nodeValue
//得到的就是文本節(jié)點的值

1 回復有任何疑惑可以回復我~

收起回答

#1

錦鱗抄提問者

非常感謝！

2016-05-04 回復有任何疑惑可以回復我~

kuban
2016-04-29

引用9-7對nodeValue的說明

二、nodeValue 屬性：節(jié)點的值

1. 元素節(jié)點的 nodeValue 是?undefined 或 null
2. 文本節(jié)點的 nodeValue 是文本自身
3. 屬性節(jié)點的 nodeValue 是屬性的值

文本部分就是文本節(jié)點，標簽就是元素節(jié)點，標簽里面的文字是文本節(jié)點，所以，你如果想要輸出標簽里的文字，該是a[i].childNodes[0].nodeValue

1 回復有任何疑惑可以回復我~

收起回答

qaz_0578
2016-04-26

元素節(jié)點的值，是?undefined 或 null

文本節(jié)點的值是文本本身

0 回復有任何疑惑可以回復我~

收起回答

#1

錦鱗抄提問者

因為第一個javascript沒有加標簽所以是文本，后面的三個加了標簽所以變成節(jié)點，這樣理解對吧？謝謝~！

2016-04-26 回復有任何疑惑可以回復我~

錦鱗抄提問者
2016-04-26

第0個子節(jié)點名是：#text
第0個子節(jié)點值是：javascript
第0個子節(jié)點類型是：3
第1個子節(jié)點名是：P
第1個子節(jié)點值是：null
第1個子節(jié)點類型是：1
第2個子節(jié)點名是：DIV
第2個子節(jié)點值是：null
第2個子節(jié)點類型是：1
第3個子節(jié)點名是：H5
第3個子節(jié)點值是：null
第3個子節(jié)點類型是：1

這是是顯示的值，為什么節(jié)點值是null？不應該依次輸出javascript?? javascript?? jQuery PHP么？

0 回復有任何疑惑可以回復我~

收起回答