                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

節(jié)點(diǎn)值的問(wèn)題

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

錦鱗抄

2016-04-26

源自：JavaScript進(jìn)階篇 9-8

關(guān)注問(wèn)題我要回答

949

操作

收起

4 回答

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

因?yàn)槟惬@取的是節(jié)點(diǎn)，所以element.nodeValue是獲取的節(jié)點(diǎn)本身的值，而并非開(kāi)始和結(jié)束的元素節(jié)點(diǎn)中間的文本，文本和元素都是節(jié)點(diǎn)，但是兩者是不一樣的，要想進(jìn)一步獲取元素節(jié)點(diǎn)之間的文本需要進(jìn)一步獲取其文本子節(jié)點(diǎn)，通過(guò)element.childeNodes[j].nodeValue.

舉個(gè)例子：

<ul>
????<li>第一個(gè)li</li>
</ul>

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

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

錦鱗抄提問(wèn)者

非常感謝！

2016-05-04 回復(fù) 有任何疑惑可以回復(fù)我~

kuban
2016-04-29

引用9-7對(duì)nodeValue的說(shuō)明

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

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

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

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qaz_0578
2016-04-26

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

錦鱗抄提問(wèn)者

因?yàn)榈谝粋€(gè)javascript沒(méi)有加標(biāo)簽所以是文本，后面的三個(gè)加了標(biāo)簽所以變成節(jié)點(diǎn)，這樣理解對(duì)吧？謝謝~！

2016-04-26 回復(fù) 有任何疑惑可以回復(fù)我~

錦鱗抄提問(wèn)者
2016-04-26

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答