什么是 DOM 元素？

DOM，全称 Document Object Model（文档对象模型），是一种树形结构，用于表示 Web 文档。它定义了文档中所有 HTML 元素的层次关系，允许开发者通过编程语言与之交互。

DOM 元素的类型

DOM 元素包含各种类型，包括：

html：根元素，表示整个文档 head：包含有关文档元数据的元素 body：文档的内容部分 p：段落元素 h1-h6：标题元素 a：超链接元素 div：通用容器元素 span：内联文本元素 img：图像元素

DOM 元素的属性

每个 DOM 元素都有一组属性，可用于设置元素的外观、行为和功能。例如：

id：标识元素 class：指定元素的 CSS 类 style：设置元素的内联样式 href：对于 `` 元素，指定链接的目标 URL src：对于 `` 元素，指定图像的源文件

DOM 元素的方法

DOM 元素还提供了一系列方法，允许开发者对其进行作。例如：

querySelector：根据 CSS 选择器查找元素 createElement：创建新元素 appendChild：将子元素添加到元素中 remove：从元素中删除子元素 classList：管理元素的 CSS 类

DOM 元素的用法

DOM 元素在 Web 开发中至关重要，因为它们允许开发者：

作文档结构和内容 应用样式和动画 处理用户交互 创建动态和交互式 Web 应用