DOM简介

最新推荐文章于 2024-03-28 23:55:28 发布

周白卿

最新推荐文章于 2024-03-28 23:55:28 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript学习笔记文章标签： javascript 前端 dom

本文链接：https://blog.csdn.net/qq_51088023/article/details/125798753

版权

JavaScript学习笔记专栏收录该内容

60 篇文章 1 订阅

订阅专栏

DOM全称Document Object Model（文档对象模型）
JavaScript中通过DOM来对HTML文档进行操作，只要理解了DOM就可以随心所欲操作web页面
文档：文档表示的就是整个HTML网页文档
对象：对象表示将网页中的每一个部分都转换为了一个对象
模型：使用模型来表示对象之间的关系，方便获取对象
DOM是一种处理HTML文档的应用程序接口，在W3C制定的DOM规范中，DOM主要包括Core DOM、XML DOM和HTML DOM。JavaScript中DOM一般指HTML DOM
每创建一个网页，DOM就会根据这个网页创建一个文档对象，DOM就是这个文档对象的模型，这个模型表示为树状模型。在这个树状模型中，网页中的元素与内容表现为一个个相互连接的节点，所以说一个网页实际上就是一个文档对象
浏览器已经提供文档节点对象，这个对象是window对象属性，可以在页面中直接使用，文档节点代表的是整个网页

节点

节点Node，是构成网页的最基本组成部分，网页中的每一个部分都可以称为一个节点。比如：html标签，属性，文本，注释，整个文档都是一个节点
不同的节点的具体类型是不同的，比如：标签称为元素节点，属性称为属性节点，文本称为为文本节点，文档称为文档节点
节点的类型不同，属性和方法也都不尽相同

常用的DOM节点类型
节点类型	ID	说明
Element	1	元素节点，HTML标签对，如<head><body><p>
Attribute	2	元素节点的属性，如<a>标签的href="xxx"属性
Text	3	文本节点，指的是元素节点中的内容，如“p”节点中的“文档段落”
Comment	4	注释节点，表示文档中的注释
Document	5	文档节点，表示整个文档对象