js中的DOM节点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中的DOM节点相关的知识,希望对你有一定的参考价值。

文档对象模型DOM(Document Object Model)定义访问和处理html文档的标准方法。

DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

 

 

技术分享

把上面的代码拆分为Dom节点图  如图:

技术分享

三种常见的DOM节点:

1.元素节点: 比如:html、h2、p、ul、li   即标签

2.文本节点:向用户展示的内容,比如:<li></li>中的javascript、DOM、CSS等文本

3.属性节点:元素属性  比如:<a></a>标签中的 href属性

 

 

 

 

以上是关于js中的DOM节点的主要内容,如果未能解决你的问题,请参考以下文章

DOM 以及JS中的事件

JS中的事件以及DOM 操作

JS中的DOM操作和事件

JS DOM

JS中的DOM操作

js中的DOM操作——查看及设置节点