通过ID获取元素，JavaScript入门篇教程-慕课网

第4章编程挑战
编程：4-1 编程挑战

通过ID获取元素

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

语法:

 document.getElementById("id")

看看下面代码:

结果:null或[object HTMLParagraphElement]

注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

任务

在右边编辑器中，补充第10行代码，通过document.getElementById获取id为con的p标签。

第11行为输出获取的元素，看看结果是什么。

?不会了怎么办: 1.document.getElementById("con")

2.直接输出获取的对象，结果为null或[object HTMLParagraphElement]

index.html

1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
代码

全部精华我要发布

innerHTML是什么？

最赞回答 / weixin_慕容6349718

对于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。（获取HTML当前标签的起始和结束里面的内容）

1 回答 362 浏览

2024-07-10

为什么我加上Innerhtml之后会是这个结果

最新回答 / qq_慕先生1391209

把innerhtml改为innerHTML

2 回答 739 浏览

2022-04-15

[object HTMLParagraphElement]是标签被成功获取的意思吗？

最新回答 / 青青大大

对象HTML段落元素，获取到的是元素，这个元素也就是对象，获取到的对象不会显示里面的值，所以显示object HTMLParagraphElement，想要抽取出里面的值，就用 innerHTML 获取

2 回答 1056 浏览

2022-06-02

null我咋没看到呢，而且这个HTMLParagraphElement哪来的

最新回答 / weixin_慕盖茨0507410

当获取不到的时候显示为none，反过来显示HTMLParagraphElement

1 回答 679 浏览

2022-04-15

为何我和对方写法不一样，也能得到同样的结果？

最新回答 / 一剑霜寒慕九州

方法很多，这里介绍的只是其中的一种

2 回答 710 浏览

2022-04-15

这个null和另外一个是怎么区别的？？

最赞回答 / 汝慕寒

<...图片...>注：js的执行顺序是单线程依次执行的因此将script放在head里结果是null，将script放在body里结果是object

2 回答 796 浏览

2022-04-15

一个小白关于DOM疑问

已采纳回答 / 南港5789015

利用document.getElementById（）获取元素内容的一个语句

3 回答 1288 浏览

2022-04-20

老尼姑，看招

最赞回答 / 只要简单

什么破玩意?

1 回答 678 浏览

2022-04-20

为什么我的代码取值为con啊？

最赞回答 / 慕后端0596110

第十行中的getElementById="con"应该改为getElementById("con")

2 回答 931 浏览

2022-04-24

为什么输出这个结果：[object HTMLParagraphElement]

最赞回答 / 慕瓜8116315

document.write("结果:"+mychar.innerHTML);

3 回答 1508 浏览

2022-08-10

为什么获取的是object而不是P标签里的文本

最新回答 / 宝慕林8257601

获取的是对象，有了对象才可以获取其他像文本内容、样式等。获取文本是Object.innerHTML

1 回答 974 浏览

2022-04-25

看下对吗？

最新回答 / 爬山不停

没毛病。innerText也可以换成innerHTML

1 回答 597 浏览

2022-04-25

想问一下问题出在哪里？

最新回答 / weixin_慕虎0020107

返回的是个对象

2 回答 1079 浏览

2020-07-08

我想问问我这个为什么点发送之后会是[object Array Iterator]

最新回答 / TiCRACK

已解决

1 回答 1701 浏览

2020-05-21

为什么mychar后面要加.innerHTML才能输出正确的结果？

最赞回答 / 慕斯卡6333374

因为document.getElementById这个函数返回的是一个元素对象，即Element。mychar被赋值成这个找到的元素对像，那么mychar变量只是一个元素对象，这个对象包含了标签名 + 属性 + 文本内容，想要打印出来里面的文本内容的话，还需要进一步提取，所以还要需要innerHTML这个属性。这个学到面向对象OOP就更清楚了。

1 回答 845 浏览

2020-10-02

全部我要发布

最热最新

只看我的

3-2 通过ID获取元素