什么是dom

DOM（文档对象模型）是(shi)一种编程接(jie)口，用于表示和操作HTML和XML文档的结构，它使开发者能够通过编程语言（如JavaScript）来访问、修改(gai)和控制网页的结构和内容。（图片来源网络，侵删）

DOM由(you)三个主要部分组成(cheng)：

1、节(jie)点（Node）：DOM树中的每个元素都是一个节(jie)点，包括元素节点(dian)、属性(xing)节点和文本节点。

2、父节点（Parent）：每个节点都有一个父节点，除了根节点没有父节点。

3、子节点（Child）：每个节点都可以有多个子节(jie)点，除了叶子节点(dian)没有子节点。

DOM提供了一系(xi)列的方法(fa)和属性来操作这些节点，包括：

获取节点：使(shi)用document.getElementById()、document.getElementsByTagName()等(deng)方法可以获取特定的节点。

修改节点：通过node.innerHTML、node.attribute等属性(xing)可以修改节点的文本和属性。

添加和(he)删除节点：使用node.appendChild()、node.removeChild()等方法可以在DOM树中(zhong)添加和删除节点。

遍历节点(dian)：可以使用递归或(huo)循环来遍历DOM树中的(de)节点，以实现特定(ding)的操作。

以下是(shi)一个简单的(de)示例，展示了如何使用JavaScript操作DOM：

// 获取根节点var root = document.documentElement;// 获取id为"example"的元素节点var element = document.getElementById("example");// 修(xiu)改元素的文本内容(rong)element.innerHTML = "Hello, World!";// 修改(gai)元素的属性值element.setAttribute("class", "highlight");// 在元素内部添加一个新的文(wen)本节点var textNode = document.createTextNode("This is a new text node.");element.appendChild(textNode);// 删除元素的第一个(ge)子节点element.removeChild(element.firstChild);

通过DOM，开发者可以灵活地操作网页的(de)结构和内(nei)容(rong)，实现动态交互和样式改变，它(ta)是前(qian)端开发的重要工具(ju)之一。