DOM用于将文档中对象按照树形结构组织起来,用户能够方便地通过DOM获取元素、遍历元素、修改和创建元素、设置元素属性、进行事件监听和处理。
什么是DOM
DOM(Ducument Object Model,文档对象模型)用于将HTML文档描述成文档对象,该对象被组织成由一个个 节点(Node) 组成的 树形结构。树中节点有元素节点、属性节点、文本节点等。节点之间存在父子、兄弟等层级关系,每个节点有自己的名称、类型以及其他一些属性。同时DOM提供了一系列节点操作相关的 API,用于访问和处理元素。
DOM的作用
DOM树
常见的节点类型
- Document类型:表示整个HTML页面文档,document对象也是window对象的一个属性,可以作为全局对象来访问;
- Element类型:元素节点,通过访问其id、title等属性,可以获得该节点的相关属性信息;
- Attr类型:属性节点;
- Text类型:纯文本节点,不包括HTML代码。注意,在上例中除p元素内文本内容可以生成Text类型节点外,标签换行处也可以生成一个空白Text类型节点。
DOM操作
1.获取元素
2.遍历元素