HTML DOM 修改 HTML 内容
HTML DOM 修改 HTML 内容
引言
HTML DOM（文档对象模型）是浏览器内部用来解析和操作HTML文档的一种机制。通过DOM，我们可以轻松地修改HTML文档的结构、样式和行为。本文将详细介绍如何使用HTML DOM来修改HTML内容，包括元素的增删改查、属性修改以及事件处理等。
1. HTML DOM 简介
HTML DOM是一个由节点组成的树状结构，每个节点代表HTML文档中的一个元素。节点包括元素节点、文本节点、属性节点等。通过DOM API，我们可以对这些节点进行操作，从而实现修改HTML内容的目的。
2. 修改HTML内容的方法
2.1 查找元素
要修改HTML内容，首先需要找到对应的元素。以下是一些常用的查找元素的方法：
getElementById(id)：通过元素的ID查找getElementsByClassName(className)：通过元素的类名查找getElementsByTagName(tagName)：通过元素的标签名查找querySelector(selector)：通过CSS选择器查找querySelectorAll(selector)：通过CSS选择器查找所有匹配的元素
2.2 修改元素内容
找到元素后，我们可以通过以下方法修改其内容：
innerHTML：获取或设置元素的内容（包括子元素）innerText：获取或设置元素的文本内容