DOM 实例引言在Web开发中，文档对象模型（Document Object Model，简称DOM）是浏览器内部用来表示和操作HTML文档的对象模型。DOM使得开发者能够通过JavaScript与网页内容进行交互，从而实现丰富的动态效果。本文将深入探讨DOM的相关概念，并通过具体实例展示如何使用DOM进行操作。DOM基础1. DOM树结构DOM树是描述HTML文档结构的一种模型。它将HTML文档中的元素、属性和文本内容以树状结构表示。在DOM树中，每个节点都有一个类型，如元素节点、属性节点和文本节点等。以下是一个简单的HTML文档示例及其对应的DOM树结构：!DOCTYPE html html head titleDOM实例/title /head body h1DOM树结构/h1 p这是一个段落。/p div span这是一个span元素。/span /div /body /html2. 获取DOM元素在JavaScript中，我们可以使用多种方法获取DOM元素。以下是一些常用的方法：getElementById()：通过元素的ID获取元素。getElementsByClassName()：通过元素的类名获取元素。/