JavaScript DOM简介

最新推荐文章于 2024-05-17 01:18:21 发布

blankです

最新推荐文章于 2024-05-17 01:18:21 发布

阅读量284

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_47782618/article/details/124367081

版权

DOM是JavaScript操作网页的关键，将HTML转换为可操作的对象模型。文档被解析为节点树，其中包含各种类型的节点，如元素节点、文本节点等。通过Node.nodeType属性，可以识别这些节点的类型，实现对网页内容的控制。

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

1. 什么是DOM

DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作。

浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。

DOM 只是一个接口规范，可以用各种语言实现。所以严格地说，DOM 不是 JavaScript 语法的一部分，但是 DOM 操作是 JavaScript 最常见的任务，离开了 DOM，JavaScript 就无法控制网页。另一方面，JavaScript 也是最常用于 DOM 操作的语言。

DOM 的最小组成单位叫做节点（node）。文档的树形结构（DOM 树），就是由各种不同类型的节点组成。每个节点可以看作是文档树的一片叶子。

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

关注