如何使用JavaScript操作DOM？

在 JavaScript 中，操作 DOM（文档对象模型）是与网页交互的重要部分。通过 DOM，您可以动态地修改网页的内容、结构和样式。本文将详细介绍如何使用 JavaScript 操作 DOM，包括基本概念、常用方法、事件处理和实际示例。

1. 什么是 DOM？

DOM 是 HTML 和 XML 文档的编程接口，它表示文档的结构为一个树状结构。在这个结构中，每个节点都是文档的一部分，您可以通过 JavaScript 来访问和修改这些节点。

2. 选择 DOM 元素

在操作 DOM 之前，首先需要选择您想要操作的元素。JavaScript 提供了多种方法来选择元素：

2.1 getElementById()

通过元素的 ID 选择元素。

const element = document.getElementById