节点是 JavaScript 中表示 DOM 树元素的对象,提供操作 HTML 结构的方法和属性。节点类型包括元素节点(如 )、文本节点、注释节点和文档节点。节点拥有属性(如 nodeName、nodeType、nodeValue)和方法(如 appendChild()、removeChild、cloneNode()),用于操纵 DOM 树。

JS 中的节点
什么是节点?
在 JavaScript 中,节点是一个表示 DOM 树中元素的 JavaScript 对象。它提供了一系列方法和属性,使开发人员能够操纵和修改页面上的 HTML 结构。
节点类型
节点有不同的类型,每种类型代表 DOM 树中元素的特定类型:
-
元素节点:表示 HTML 元素,如 或
。- 文本节点:表示元素之间的文本内容。
- 注释节点:表示 HTML 注释。
- 文档节点:表示整个文档。
节点属性
节点拥有许多属性,用于获取或设置节点的信息,包括:
- nodeName:节点的名称,例如 "DIV" 或 "#text"。
- nodeType:节点的类型,如 1(元素节点)、3(文本节点)或 8(注释节点)。
- nodeValue:对于文本节点,它包含文本内容;对于元素节点,它通常为 null。
- childNodes:一个包含节点所有子节点的集合。
- parentNode:父节点。
节点方法
节点还具有许多方法,用于操纵 DOM 树,包括:
- appendChild():将子节点追加到节点的末尾。
- insertBefore():将子节点插入到现有子节点之前。
- removeChild():移除子节点。
- replaceChild():用另一个节点替换子节点。
- cloneNode():创建节点的克隆。
- hasChildNodes():检查节点是否具有任何子节点。










