Dom-概述

53次阅读

共计 525 个字符,预计需要花费 2 分钟才能阅读完成。

DOM
是 js 操作页面的接口,作用把网页转为 js 对象,从而用脚本进行各种操作。

DOM 只是一个接口规范,可以用各种语言实现。

JavaScript 也是最常用于 DOM 操作的语言

节点

Document:整个文档树的顶层节点 代表整个文档
DocumentType:doctype 标签(比如 <!DOCTYPE html>)在文档第一层
Element:网页的各种 HTML 标签(比如 <body>、等)第一层 作为树结构的根节点
Attribute:网页元素的属性(比如 class=”right”)
Text:标签之间或标签包含的文本
Comment:注释
DocumentFragment:文档的片段

浏览器提供一个原生的节点对象 Node,上面这七种节点都继承了 Node,因此具有一些共同的属性和方法

节点树

父节点关系(parentNode):直接的那个上级节点
子节点关系(childNodes):直接的下级节点
同级节点关系(sibling):拥有同一个父节点的节点

子节点接口包括 firstChild(第一个子节点)和 lastChild(最后一个子节点)等属性,同级节点接口包括 nextSibling(紧邻在后的那个同级节点)和 previousSibling(紧邻在前的那个同级节点)属性

正文完
 0