如何查看JavaScript中的DOM结点

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

需要这些哦
百度浏览器
UltraEdit编纂器
方式/
1起首是筹办工作, 我们在UltraEdit编纂器里写上代码, 如下图:

如何查看JavaScript中的DOM结点

文章插图

2【如何查看JavaScript中的DOM结点】紧接着, 我们用百度浏览器打开html文件, 并按键盘上的F12, 同时点击Console节制台, 如下图

如何查看JavaScript中的DOM结点

文章插图

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

如何查看JavaScript中的DOM结点

文章插图

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

如何查看JavaScript中的DOM结点

文章插图

如何查看JavaScript中的DOM结点

文章插图

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

如何查看JavaScript中的DOM结点

文章插图


以上内容就是如何查看JavaScript中的DOM结点的内容啦, 希望对你有所帮助哦!

    推荐阅读