共计 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(紧邻在前的那个同级节点)属性
正文完
发表至: javascript
2019-07-27