手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何查看JavaScript中的DOM结点

时间:2024-10-13 17:43:17

1、首先是准备工作,我们在UltraEdit编辑器里写上代码,如下图:

如何查看JavaScript中的DOM结点

2、紧接着,我们用百度浏览器打开html文件,并按键盘上的F12,同时点击Console控制台,如下图

如何查看JavaScript中的DOM结点

3、然后,在控制台里写上获取html标签的代码,并按回车键,如下图:

如何查看JavaScript中的DOM结点

4、接下来,点击Sources和最右边的加号,并在文本框里写上获取DOM子节点的代码,如下图:

如何查看JavaScript中的DOM结点
如何查看JavaScript中的DOM结点

5、最后,按下回车,点击箭头所指的小三角,列出了html的DOM子节点,如下图所示:

如何查看JavaScript中的DOM结点
© 手抄报圈