dom是什么意思啊
时间：05-11
“dom”是Document Object Model的缩写，它是一种与HTML和XML文档交互的方法。DOM树形结构表示了文档的逻辑结构与模型；每个节点表示了一个元素或属性（如：文本、图片等），通过这些节点之间的父子关系组织起来构成了整个 DOM。
以下是关于DOM的一些核心概念及常用操作方法:
1. 节点类型: DOM中的主要节点有元素(Element)、属(Attribute)和价值子文(Text)三种基本类型以及`text`, `comment`, `CDATASection`, `ProcessingInstruction`等其他类型的节点;
2. DOM API: 提供了一系列方法和接口来访问、创建和管理DOM元素的JavaScript对象集 (如：`getElementById()`,`getElementsByClassName()`等等);
3. 遍历DOM: 利用各种循环语句和方法可以按顺序或者特定条件遍历DOM中所有的节点及其子孙节点进行相应的处理。(例如: `for...each loop`, `querySelector/querySelectorAll`)
4. 修改和删除节点: 可以使用DOM API对DOM树的节点进行修改甚至删除。（例：“node.parentNode.removeChild(node)” 或者 “element.textContent=新的文字内容”）
5. 添加新节点: 可以利用DOM API向指定位置插入一个新的节点或其副本 （比如，“insertBefore(newnode, referenceNode)”，或者 "element.appendChild(newnode)"）
6. CSS选择器: 通过CSS选择器和类名等方式快速定位特定的DOM节点的集合并对其进行批量操作；（"class=myClass" 或 "elementID"）
7. 事件处理器: 绑定和处理事件监听程序以响应不同的事件行为发生时的相应动作。"addEventListener()" 方法用于给一个目标元素注册某个事件上的回调函数("click", "change" 等）。
以下是关于DOM的一些核心概念及常用操作方法:
1. 节点类型: DOM中的主要节点有元素(Element)、属(Attribute)和价值子文(Text)三种基本类型以及`text`, `comment`, `CDATASection`, `ProcessingInstruction`等其他类型的节点;
2. DOM API: 提供了一系列方法和接口来访问、创建和管理DOM元素的JavaScript对象集 (如：`getElementById()`,`getElementsByClassName()`等等);
3. 遍历DOM: 利用各种循环语句和方法可以按顺序或者特定条件遍历DOM中所有的节点及其子孙节点进行相应的处理。(例如: `for...each loop`, `querySelector/querySelectorAll`)
4. 修改和删除节点: 可以使用DOM API对DOM树的节点进行修改甚至删除。（例：“node.parentNode.removeChild(node)” 或者 “element.textContent=新的文字内容”）
5. 添加新节点: 可以利用DOM API向指定位置插入一个新的节点或其副本 （比如，“insertBefore(newnode, referenceNode)”，或者 "element.appendChild(newnode)"）
6. CSS选择器: 通过CSS选择器和类名等方式快速定位特定的DOM节点的集合并对其进行批量操作；（"class=myClass" 或 "elementID"）
7. 事件处理器: 绑定和处理事件监听程序以响应不同的事件行为发生时的相应动作。"addEventListener()" 方法用于给一个目标元素注册某个事件上的回调函数("click", "change" 等）。