                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

DOM中有三種不同的節點，他們每個都對應一種不同的元素獲取方法，為什么第三種輸出結果是空白呢？

第一個是獲取ID值為con的元素

第二個是獲取ID值為con的元素在頁面中的HTML代碼

第三個是獲取ID值為con的元素的最后一個子元素的值

為理想我拼了

2015-03-27

源自：JavaScript入門篇 3-2

關注問題我要回答

1475

操作

收起

3 回答

羽動風清
2015-03-27

這是因為瀏覽器解析DOM節點時，把回車符也作為了一個節點，你可以使用chrome瀏覽器，在控制臺輸入下面命令查看程序到底是如何執行的。你會看到id = con 的元素子節點一共有三個，最有一個就是 #text，所以你得到的空值

另外一個關于屬性 nodeValue 如果對于元素節點值是 undefined或null, 對于文本節點值是文本本身

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

收起回答

為理想我拼了提問者

謝謝，只是不明白，為什么會有回車符存在呢。是因為有了P標簽的原因還是說本身就存在回車符。

2015-03-27 回復有任何疑惑可以回復我~

羽動風清
2015-03-27

換行符在文檔內是看不到的 ?這個是控制字符，你通過txt 編寫切換到下一行不需要按一下回車嗎？回車就會產生換行符

你用下載一個 notepad++ 打開你網頁文件，在視圖里面選擇 “顯示所有符號”結果就如下圖所示：

CRLF -- Carriage-Return Line-Feed 回車換行

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

收起回答

為理想我拼了提問者

哦明白了，原來是這樣。解釋的很清楚

2015-03-27 回復有任何疑惑可以回復我~

為理想我拼了提問者
2015-03-27

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>document.getElementById</title>
</head>
<body>
<div?id="con">JavaScript
????<p>子元素段落</p>
</div>
<script?type="text/javascript">
??var?mychar=document.getElementById("con").lastChild.nodeValue;
??document.write("結果:"+mychar);?//輸出獲取的P標簽。?
</script>
</body>
</html>

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

收起回答