課程
/前端開發
/JavaScript
/JavaScript進階篇
2019-03-01
源自:JavaScript進階篇 9-8
正在回答
看完這段教學 你就明白為什么多出那么多 無效 子節點
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
</head>
<body>
<div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
? ??
??
<script type="text/javascript">
? ? var h=document.getElementsByTagName("div")[0].childNodes;
? ? for(var i=0;i<h.length;i++){
? ? ? ? document.write(h[i].nodeName+"<br />");
? ? ? ? document.write(h[i].nodeValue+"<br />");
? ? ? ? document.write(h[i].nodeType+"<br /><br />");
? ? }
?
</script>
</body>
</html>
這樣的話就符合你想象中的了吧? 因為之前空白的也算作空白節點,nodeName為#text ,nodeValue就是一段空格,nodeType為3? ?
document.getElemetByTagName("p")[0].childNodes[0].nodeValue
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
2 回答求問為什么文本節點的值有的能顯示出來,有的不能?
2 回答為什么后面那幾個文本節點的值不顯示,只有第一個文本節點的值顯示為javascript
3 回答請問文本節點用來表示,怎么輸出里面的文本值
2 回答為什么文本節點的值有的能顯示出來,有的不能?是否代碼有誤
1 回答屬性節點,文本節點,文檔節點要怎么表示
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-03-06
看完這段教學 你就明白為什么多出那么多 無效 子節點
2020-08-08
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
</head>
<body>
<div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
? ??
??
<script type="text/javascript">
? ? var h=document.getElementsByTagName("div")[0].childNodes;
? ? for(var i=0;i<h.length;i++){
? ? ? ? document.write(h[i].nodeName+"<br />");
? ? ? ? document.write(h[i].nodeValue+"<br />");
? ? ? ? document.write(h[i].nodeType+"<br /><br />");
? ? }
?
?
?
</script>
</body>
</html>
這樣的話就符合你想象中的了吧? 因為之前空白的也算作空白節點,nodeName為#text ,nodeValue就是一段空格,nodeType為3? ?
2019-03-18
document.getElemetByTagName("p")[0].childNodes[0].nodeValue