HTML DOM 简介
HTML DOM 简介
1. 什么是HTML DOM？
HTML DOM（文档对象模型）是一种用于HTML的应用程序编程接口（API）。它定义了访问和操作HTML文档的标准方法，将HTML文档表示为树结构，其中每个节点都是文档中的一个对象。通过DOM，开发者可以轻松地添加、删除和修改页面上的元素和内容。
2. HTML DOM树结构
HTML DOM将HTML文档视为一个树形结构，其中每个元素都是树中的一个节点。根节点是<html>元素，它包含两个子节点：<head>和<body>。<head>元素包含文档的元数据，如标题和样式表，而<body>元素包含可见的页面内容。
3. DOM操作
3.1 查找元素
要操作DOM元素，首先需要找到它。这可以通过多种方式完成，例如使用getElementById()、getElementsByClassName()、getElementsByTagName()或querySelector()等方法。
3.2 修改元素
找到元素后，可以修改其内容和属性。例如，可以使用innerHTML属性更改元素的HTML内容，或使用setAttribute()方法更改元素的属性。
3.3 添加和删除元素
DOM还允许添加和删除元素。可以使用createElement()方法创建新元素，然后使用appe