                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

JS通過ID獲取元素

通過ID獲取元素

課程講解的沒有看太懂。通過document.getElementById("id")獲取的結果為什么是null(無效的，空)或者【object HTMLParagraphElement】

新人沈琦斌

2016-03-27

源自：JavaScript入門篇 3-2

關注問題我要回答

5881

操作

收起

3 回答

蒙面比較帥回答被采納 +3 積分
2016-03-27

因為有時候“id”名寫錯了就可能得到一個null（代表“不存在的對象”），如果“id"寫對了就獲得了這個對象，但是HTML元素的對象有很多種，如果直接用document.write()來輸出的話就會直接輸出一個

【object HTMLParagraphElement】（”這是一個HTML對象“的意思）。我也是初學者，希望不會因為我的錯誤解理而誤導你。

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

收起回答

#1

新人沈琦斌提問者

非常感謝！

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

#2

新人沈琦斌提問者

我試了試，HTML中有正確的id，但是如果ID標簽在documen.getElementById()后面，返回的結果就是null，在前面就是obeject

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

#3

蒙面比較帥回復新人沈琦斌提問者

還真是這樣，受教了。

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

慕蓋茨5114537
2016-04-06

你好！我覺得是你的輸出有誤，因為我們通過document.getElementById("id")獲取的元素本身，而不是元素里面的內容，比如：<p id=pp>我是一個段落。</p>，我們獲取到的是P元素，而不是里面的”我是一個段落“。所以，你輸出的是P元素，才會出現這些結果。那想出輸出里面的內容怎么做呢？

? ? ? 請參考3-3節(jié) ? ?innerHTML 屬性。

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

收起回答

#1

司祿德

非常感謝，總算明白為什么會輸出null或者object HTMLParagraphElement了，原來獲取的是元素節(jié)點，而不是文本節(jié)點。

2016-06-27 回復有任何疑惑可以回復我~