如何查看JavaScript中的DOM结点

进修DOM结点是JavaScript中比力主要的一项内容，它在html文档中是一个树形布局，如何查看DOM下有几个结点呢？让我们一路看看具体的操作。

工具/原料

• 百度浏览器
• UltraEdit编纂器

方式/步骤

1. 1

   首先是筹办工作，我们在UltraEdit编纂器里写上代码，如下图：

   
2. 2

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

   
3. 3

   然后，在节制台里写上获取html标签的代码，并按回车键，如下图：

   
4. 4

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

   
5. 5

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