访问页面中带有ID的元素使用什么方法?

时间:2024-10-12 08:34:07

1、首先当然是新建一个HTML页面,在页面中添加HTML结构,如下图所示

访问页面中带有ID的元素使用什么方法?

2、然后在body区域添加一个带有id的div,在div里面添加内容,如下图所示

访问页面中带有ID的元素使用什么方法?

3、接着在script标签中通过getElementById获取id元素,如下图所示

访问页面中带有ID的元素使用什么方法?

4、接着我们运行页面就可以看到输出栏直接将id元素都输出出来了,如下图所示

访问页面中带有ID的元素使用什么方法?

5、如果想知道这个元素里面更多的内容,我们可以切换到sources,然后在获取元素的语句后面加个断点,如下图所示

访问页面中带有ID的元素使用什么方法?

6、接下来刷新页面,断点就会自动跳到那里停止,如下图所示

访问页面中带有ID的元素使用什么方法?

7、最后我们将鼠标放到元素对象上就可以看到这个元素的更详细的信息了,如下图所示

访问页面中带有ID的元素使用什么方法?
© 手抄报圈