JavaScript：DOM

最新推荐文章于 2021-06-05 07:45:23 发布

枫眠cc

最新推荐文章于 2021-06-05 07:45:23 发布

阅读量227

点赞数

分类专栏： ★ JavaScript

赠人玫瑰，手有余香！本文是作者的原创文章，转载或摘抄时请注明出处。

本文链接：https://blog.csdn.net/lovecuidong/article/details/108331011

版权

本文详细介绍了DOM的概念，包括节点类型、节点树的关系以及如何通过JavaScript操作DOM，涉及元素节点、属性节点、文本节点的获取与操作，以及样式表属性的设置与获取。此外，还讲解了动态操作DOM的方法，如创建、插入、删除、替换和克隆节点。

摘要由CSDN通过智能技术生成

DOM

了解DOM

DOM就是一组API（接口）。它将一份结构化文档看做一棵树，这棵树由各种各样的节点构成，也即节点树。

首先必须清楚DOM不是专为HTML设计的，它是通用型的标准，为所有标记语言而设计。

其次要清楚并不是只有javascript有DOM API，其他的程序设计语言如java也有对应的DOM API。

DOM概念

DOM（Document Object Model）文档对象模型，DOM是W3C（万维网联盟）定义的关于访问HTML和XML文档的标准。W3C的DOM标准被分为3个不同的部分

Core DOM：核心DOM针对任何结构化文档的标准模型

XML DOM：针对XML文档的标准模型

HTML DOM：针对HTML文档的标准模型，HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

文档对象：document

document对象可以访问HTML文档的所有元素，每个载入浏览器的HTML文档都会成为document对象。

document对象是window对象的一部分，可通过window.document访问。

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

整个文档是一个文档节点（document）

每个 HTML 元素是元素节点（element）

每个 HTML 属性是属性节点，属性节点可以自定义（attribute）

HTML 元素内的文本是文本节点

注释是注释节点

文档节点，元素节点，属性节点，文本节点，注释节点

节点的三个属性

关注

专栏目录