js的dom模型

来源:互联网 发布:姜大声 知乎 编辑:程序博客网 时间:2024/05/18 03:35

dom:Document object model文档对象模型

  • 文档:超文本标记文档 html xml
  • 对象:提供了属性,方法
  • 模型:使用属性和方法操作超文本标记型文档

即可以使用js里面的dom里面提供的对象,使用这些对象的属性和方法,对标记型文档进行操作。
需要把html里面的标签属性文本内容都封装成对象,然后解析标记型文档。

dom解析html的过程如下图:
这里写图片描述
解析过程:
首先:根据html的层级结构,在内存中分配一个树形结构,需要把html中的每部分封装成对象。

  • Document对象:整个文档
  • Element对象:标签对象
  • 属性对象
  • 文本对象
  • Node节点对象:这个对象是这些对象的父对象

如果在对象里面找不到想要的方法,这个时候到node对象里面去找。

0 0
原创粉丝点击