                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

JS通过ID获取元素

通过ID获取元素

课程讲解的没有看太懂。通过document.getElementById("id")获取的结果为什么是null(无效的，空)或者【object HTMLParagraphElement】

新人沈琦斌

2016-03-27

源自：JavaScript入门篇 3-2

关注问题我要回答

5826

操作

收起

3 回答

蒙面比较帅回答被采纳 +3 积分
2016-03-27

因为有时候“id”名写错了就可能得到一个null（代表“不存在的对象”），如果“id"写对了就获得了这个对象，但是HTML元素的对象有很多种，如果直接用document.write()来输出的话就会直接输出一个

【object HTMLParagraphElement】（”这是一个HTML对象“的意思）。我也是初学者，希望不会因为我的错误解理而误导你。

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

收起回答

新人沈琦斌提问者

非常感谢！

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

新人沈琦斌提问者

我试了试，HTML中有正确的id，但是如果ID标签在documen.getElementById()后面，返回的结果就是null，在前面就是obeject

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

蒙面比较帅回复新人沈琦斌提问者

还真是这样，受教了。

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

慕盖茨5114537
2016-04-06

你好！我觉得是你的输出有误，因为我们通过document.getElementById("id")获取的元素本身，而不是元素里面的内容，比如：<p id=pp>我是一个段落。</p>，我们获取到的是P元素，而不是里面的”我是一个段落“。所以，你输出的是P元素，才会出现这些结果。那想出输出里面的内容怎么做呢？

请参考3-3节 innerHTML 属性。

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

收起回答

司禄德

非常感谢，总算明白为什么会输出null或者object HTMLParagraphElement了，原来获取的是元素节点，而不是文本节点。

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