dom树是浏览器解析html生成的节点树，根为document（nodetype=9），元素为element（1），文本为text（3），注释为comment（8）；通过parentnode、childnodes、children等属性遍历，需注意空白文本节点。
DOM树本质上是浏览器将HTML文档解析后生成的一棵节点树，每个节点都是Node对象的实例，而不同类型的节点（如元素、文本、注释等）通过nodeType属性区分，并在树中按父子、兄弟关系组织成层级结构。
DOM树的核心层次：Document → Element → Content
整棵DOM树以document为根节点，它是Document类型节点（nodeType === 9）。所有HTML元素（如<div>、<code><p></p>）都是Element节点（nodeType === 1），属于Node的子类。元素节点之下可包含多种子节点：
- 文本内容 →
Text节点（nodeType === 3） - 注释 →
Comment节点（nodeType === 8） - 属性（不直接出现在树中）→ 属于
Attr节点（nodeType === 2），但现代DOM中已不作为子节点挂载，而是通过element.attributes集合访问 -
<script></script>、<style></style>等特殊元素内部的内容，同样以Text节点形式存在
Node类型判断的关键属性与方法
判断一个节点的具体类型，主要依赖三个属性：
-
nodeType：只读数值，最准确（如1代表元素，3代表文本） -
nodeName：大写字符串，对元素返回标签名（"DIV"），对文本返回"#text"，对注释返回"#comment" -
nodeType配合instanceof：可结合类型检查，例如node instanceof HTMLElement适用于元素节点（注意：Text和Comment不是HTMLElement的实例）
⚠️ 注意：typeof node总是"object"，无法区分节点类型；node.constructor.name虽可读，但不如nodeType可靠（尤其在跨iframe场景下）。
用于自动切换项目中适合的node 版本
下载
根据 package.json 中的 engines 字段自动检测 Node.js 版本需求，未安装 nvm 时自动安装并切换至对应版本。支持 Windows、macOS、Linux。适用于 Node.js 项目开发、版本切换和环境配置。
常见节点关系与遍历逻辑
DOM树中节点通过以下属性建立连接：
-
parentNode：唯一父节点（document的父节点为null） -
childNodes：包含所有子节点的NodeList（含空格、换行产生的Text节点） -
children：仅含Element子节点的HTMLCollection（忽略文本、注释） -
nextSibling/previousSibling：按源码顺序的相邻节点（可能是文本或注释） -
nextElementSibling/previousElementSibling：跳过非元素节点，只找相邻的Element
例如：<div>\n <p>hello</p>\n</div>中，div.childNodes.length通常是3（换行+p+换行），而div.children.length是1。
实际开发中的典型误判与建议
初学者常混淆节点类型导致操作失败：
- 用
innerHTML设置文本时，误对Text节点调用 → 报错（Text节点无innerHTML） - 遍历
childNodes时未过滤nodeType !== 1，结果处理了大量空白文本节点 - 用
getElementById获取不到元素，却尝试访问其firstChild，而该元素实际为空或只有文本
建议：优先使用children、querySelector系列、textContent替代childNodes + 类型判断；必须遍历时，用node.nodeType === 1筛选元素，或用Array.from(node.children)转为数组操作。
