以下是 DOM 的一些基本概念和特点：
1. 文档树结构：
- 节点（Node）： 文档树的基本单元，可以是元素节点、属性节点、文本节点等。节点之间存在父子、兄弟关系，形成层次结构。
- 元素节点（Element Node）： 代表文档中的元素，如 <div>、<p> 等。
- 属性节点（Attribute Node）： 代表元素的属性，如 <div id="example"> 中的 "id" 属性。
- 文本节点（Text Node）： 代表元素内的文本内容。
2. DOM 操作：
- 获取节点： 使用 DOM 可以通过标签名、ID、类名等方式获取文档中的节点。
var elementNode = document.getElementById("example");
- 修改节点内容： 可以通过 DOM 修改节点的文本内容或属性。
elementNode.textContent = "新的文本内容";
- 创建和删除节点： 可以使用 DOM 创建新节点并将其添加到文档中，也可以删除现有节点。
var newElement = document.createElement("div");
elementNode.appendChild(newElement);
elementNode.removeChild(newElement);
3. DOM 事件模型：
- 事件（Event）： DOM 提供了事件模型，允许开发者捕获和处理与文档相关的事件，如点击、鼠标移动、键盘输入等。
elementNode.addEventListener("click", function() {
console.log("Element clicked!");
});
4. 跨平台性：
- 独立于平台和语言： DOM 不依赖于特定的平台或编程语言，因此可以在不同的浏览器和开发环境中使用。
5. XML 和 HTML DOM：
- HTML DOM： 用于处理HTML文档，提供了对HTML元素和属性的访问和操作。
- XML DOM： 用于处理XML文档，与HTML DOM 类似，但更通用，适用于处理任何 XML 文档。
DOM 提供了强大的工具和接口，使开发者能够以编程方式操作文档结构，实现动态和交互性的网页应用程序。在前端开发中，JavaScript 是最常用的语言来操作 DOM。
转载请注明出处：http://www.zyzy.cn/article/detail/14556/XML DOM