課程
/前端開發
/JavaScript
/JavaScript進階篇
為什么p、DIV,H5的nodeValue會是null?
2016-04-27
源自:JavaScript進階篇 9-8
正在回答
p、DIV,H5這些是標簽不是屬性,分類到元素節點,可以回顧一下9-7對于nodeValue的說明
二、nodeValue 屬性:節點的值
1. 元素節點的 nodeValue 是?undefined 或 null2. 文本節點的 nodeValue 是文本自身3. 屬性節點的 nodeValue 是屬性的值
p、DIV,H5的nodeValue會是null 這就能理解了吧
然后,我想你也許想把標簽里面的字用nodeValue輸出出來,標簽里的字是文本節點,所以獲取文字應該是標簽的子節點的nodeValue,下為代碼
<script type="text/javascript"> ? ?var divs=document.getElementsByTagName("div"); ? ?var d_first=divs[0].childNodes; ? ?for(i=0;i<d_first.length;i++){ ? ? ? ?while(d_first[i].nodeType==1)//做了一個對空白節點的過濾,不然獲取標簽子節點的nodeValue會報錯,因為空白節點沒有子節點 ? ? ? ?{ ? ? ? ? ? ?document.write("節點類型:"+d_first[i].nodeName+d_first[i].childNodes[0].nodeValue+d_first[i].nodeType+"<br>"); ? ? ? ? ? ?break; ? ? ? ?} ? ?}</script>
ok,感覺是因為他們是屬性,所以nodeValue會是null
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
2 回答節點與子節點問題
2 回答子節點問題
1 回答子節點個數問題
3 回答子節點個數問題
1 回答父子節點的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-29
p、DIV,H5這些是標簽不是屬性,分類到元素節點,可以回顧一下9-7對于nodeValue的說明
二、nodeValue 屬性:節點的值
1. 元素節點的 nodeValue 是?undefined 或 null
2. 文本節點的 nodeValue 是文本自身
3. 屬性節點的 nodeValue 是屬性的值
p、DIV,H5的nodeValue會是null 這就能理解了吧
然后,我想你也許想把標簽里面的字用nodeValue輸出出來,標簽里的字是文本節點,所以獲取文字應該是標簽的子節點的nodeValue,下為代碼
<script type="text/javascript">
? ?var divs=document.getElementsByTagName("div");
? ?var d_first=divs[0].childNodes;
? ?for(i=0;i<d_first.length;i++){
? ? ? ?while(d_first[i].nodeType==1)//做了一個對空白節點的過濾,不然獲取標簽子節點的nodeValue會報錯,因為空白節點沒有子節點
? ? ? ?{
? ? ? ? ? ?document.write("節點類型:"+d_first[i].nodeName+d_first[i].childNodes[0].nodeValue+d_first[i].nodeType+"<br>");
? ? ? ? ? ?break;
? ? ? ?}
? ?}
</script>
2016-04-27
ok,感覺是因為他們是屬性,所以nodeValue會是null