DOM📄️ 简介当一个 HTML 网页被加载到浏览器中时,浏览器会首先解析该网页文档,将其解析为文档对象模型( Document📄️ 节点从存在方式来看,文本节点总是包含在元素节点中,但不是每个元素节点都包含文本节点。 还有其它一些类型的节点,分别代表元素属性、 HTML 注释及其它一些与页面相关的信息。很多类型的节点都能够包含其它节点作为子节点。📄️ 文档节点Document 文本节点特征:📄️ 元素节点特征📄️ 文本节点文本节点由 Text 类型表示,包含纯文本内容,或转义以后的 HTML 字符,但不能包含 HTML 代码。📄️ 文档片段DocumentFragment 类型节点在文档书没有对应的标记。 DOM 允许用户操作 JavaScript 文档片段中的节点,但不会在文档树中显现出来,避免浏览器渲染和占用资源。📄️ 属性节点属性节点由 Attr 类型表示,在文档树中被称为元素的特性,习惯称为标签的属性📄️ CommentDOM 中的注释通过 Comment 类型表示。📄️ MutationObserver的 MutationObserver 接口,可以在 DOM 被修改时异步执行回调。使 用 MutationObserver 可以观察整个文档、 DOM📄️ 使用范围document 对象定义了 createRange() 方法,使该方法可以创建使用范围。📄️ CSS选择器W3C 制定了如何使用 CSS 选择符语法功能来访问元素的规范,被称为 Selectors API ,目前有两个版本: Selectors API Level 1和 Selectors API Level📄️ 扩展HTML5 扩展了 HTMLDocument 类型,增加了更多功能。与其它 HTML5 定义的 DOM 扩展一样, 这些变化同样基于所有浏览器事实上都已经支持的专有扩展。为此,即使这些扩展的标准化相对较晚,📄️ 应用定义异步请求封装函数
📄️ 节点从存在方式来看,文本节点总是包含在元素节点中,但不是每个元素节点都包含文本节点。 还有其它一些类型的节点,分别代表元素属性、 HTML 注释及其它一些与页面相关的信息。很多类型的节点都能够包含其它节点作为子节点。
📄️ CSS选择器W3C 制定了如何使用 CSS 选择符语法功能来访问元素的规范,被称为 Selectors API ,目前有两个版本: Selectors API Level 1和 Selectors API Level
📄️ 扩展HTML5 扩展了 HTMLDocument 类型,增加了更多功能。与其它 HTML5 定义的 DOM 扩展一样, 这些变化同样基于所有浏览器事实上都已经支持的专有扩展。为此,即使这些扩展的标准化相对较晚,