DOM API（Document Object Model API）
DOM API（Document Object Model API）是一组用于操作和访问网页文档结构的接口。DOM API 允许开发者通过 JavaScript 操作网页中的 HTML 元素、样式和内容，实现动态交互和更新页面的功能。
DOM API 包括以下常用的接口和方法：
Document: Document 接口表示整个文档对象，提供了访问和操作网页文档的方法，如获取元素、创建新元素等。
Element: Element 接口表示 HTML 页面中的元素，如
<div>、<p>等标签。Element 接口提供了许多方法来操作元素的属性、样式和内容，如获取或设置属性值、添加或删除类名、修改文本内容等。NodeList: NodeList 是一种类数组对象，它存储了一组有序的 DOM 元素，并提供了一些方法来遍历和访问这些元素。
Event: Event 接口表示事件，如点击、鼠标移动、键盘按下等。开发者可以使用 Event 接口来监听事件，并编写相应的事件处理程序。
querySelector() / querySelectorAll(): 这两个方法允许开发者使用 CSS 选择器来查找匹配的元素。querySelector() 返回满足 CSS 选择器条件的第一个元素，而 querySelectorAll() 返回所有满足条件的元素。
setAttribute() / getAttribute(): 这两个方法用于设置和获取 HTML 元素的属性值。setAttribute() 设置指定属性的值，getAttribute() 获取指定属性的值。
innerHTML / textContent: innerHTML 属性用于获取或设置元素的 HTML 内容，包括子元素和文本。textContent 属性用于获取或设置元素的文本内容，不包括子元素。
addEventListener() / removeEventListener(): 这两个方法用于给元素添加或移除事件监听器，通过指定事件类型和相应的处理函数，实现响应用户交互的功能。
DOM API 的使用使开发者能够轻松地在网页中操作元素、处理事件、更新内容等，从而实现动态和交互性的用户体验。了解和熟悉 DOM API 对于进行 Web 开发至关重要，它是构建现代 Web 应用的基础之一。详细的 DOM API 文档和教程可以在各大浏览器的官方文档中找到。