首頁(yè) 猿問(wèn) 這段代碼為什么輸出#text？

這段代碼為什么輸出#text？

Html/CSS JavaScript

慕粉3541299 2016-10-11 16:39:50

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><select name = "edu" id = "edu"><option value = "博士">博士~~~</option><option value = "本科" id="benke">本科~~~</option><option value = "大專">大專~~~</option><option value = "幼兒園">幼兒園~~~</option></select><script>var gra = document.getElementById("edu");var A = gra.childNodes;alert(A[0].nodeName);</script></body></html>第一個(gè)子節(jié)點(diǎn)的nodeName不應(yīng)該是option么？還有就是，當(dāng)alert(A[2].nodeValue)時(shí)，為什么不輸出博士，而是空白

查看完整描述

3 回答

已采納

fantacy吳貝

TA貢獻(xiàn)11條經(jīng)驗(yàn) 獲得超10個(gè)贊

nodeName返回節(jié)點(diǎn)名稱，這點(diǎn)你的理解是對(duì)的，但元素節(jié)點(diǎn)返回元素名，文本節(jié)點(diǎn)就會(huì)返回#text。正確的從var gra=document.getElementById("edu");var A = gra.childNodes;alert(A[1].firstChild.nodeValue);

nodeValue與nodeName推薦看慕課網(wǎng)JavaScript進(jìn)階篇9-7.

反對(duì) 回復(fù) 2016-10-12

慕粉3541299
如何解決childNodes的空白節(jié)點(diǎn)問(wèn)題啊- -！每次要用firstChild或者lastChild來(lái)選節(jié)點(diǎn)的時(shí)候都會(huì)遇到空白節(jié)點(diǎn)的問(wèn)題好麻煩。。

回復(fù) 2016-10-12
fantacy吳貝
刪除他們之間的空格是最簡(jiǎn)單的辦法，或者通過(guò)循環(huán)遍歷子節(jié)點(diǎn)，找到第一個(gè)元素節(jié)點(diǎn)是一個(gè)更好的辦法。

回復(fù) 2016-10-12

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

childNodes指所有子節(jié)點(diǎn)（包括文本節(jié)點(diǎn)和元素節(jié)點(diǎn)），當(dāng)你代碼這么寫(xiě)：

<select?name?=?"edu"?id?=?"edu">
??<option?value?=?"博士">博士~~~</option>
??<option?value?=?"本科"?id="benke">本科~~~</option>
??//這里select和option之間，option和option之間有空白，這段空白就是文本節(jié)點(diǎn)；

childNodes[0]指得是中間那段空白（文本節(jié)點(diǎn)）,nodeName是#text；

childNodes[1]為“博士”，nodeName是OPTION；

childNodes[2]為空白，nodeName是#text；

以此類推；

可以用children（只獲取元素節(jié)點(diǎn)）來(lái)代替childNodes

反對(duì) 回復(fù) 2016-10-11

haoya
這個(gè)和瀏覽器也有關(guān)系吧。

回復(fù) 2016-10-11
stone310
恩IE低版本有不同，好像是8還是9以下

回復(fù) 2016-10-11

其實(shí)我真的不是東北人

TA貢獻(xiàn)105條經(jīng)驗(yàn) 獲得超66個(gè)贊

<!DOCTYPE html>
<html>
<head>
? ?<meta charset="UTF-8">
? ?<title>Document</title>
</head>
<body>
<select name="edu" id="edu">
? ?<option value = "博士">博士~~~</option>
? ?<option value = "本科" id="benke">本科~~~</option>
? ?<option value = "大專">大專~~~</option>
? ?<option value = "幼兒園">幼兒園~~~</option>
</select>

<script>

? ?var gra = document.getElementById("edu");
? ?for(var i=0;i<gra.childNodes.length;i++)
? ?{
? ? ? ?if(gra.childNodes[i].nodeType == 1)
? ? ? ?{
? ? ? ? ? ?console.log(gra.childNodes[i].firstChild.nodeValue);
? ? ? ?}
? ?}
</script>
</body>
</html>

反對(duì) 回復(fù) 2016-10-11

3 回答
0 關(guān)注
2030 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

這段代碼為什么輸出#text？

這段代碼為什么輸出#text？

3 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

這段代碼為什么輸出#text？

這段代碼為什么輸出#text？

3 回答

相關(guān)問(wèn)題推薦

添加回答

這段代碼為什么輸出#text？

這段代碼為什么輸出#text？