JS中DOM的三种节点类型有哪些

通过以下方式可以获取或创建元素节点：

• document.getElementById() —— 根据ID获取元素节点
• document.createElement() —— 创建新的元素节点
• parentNode.appendChild() —— 添加元素节点到父节点中

文本节点

文本节点是元素节点内部的文本内容。例如，在

Hello World

文本节点没有子节点，是最基本的内容单元。

可以通过以下方式操作文本节点：

• element.textContent —— 获取或设置元素的文本内容
• element.childNodes[0] —— 如果第一个子节点是文本，可通过此访问
• document.createTextNode() —— 创建一个新的文本节点

属性节点

属性节点表示元素的属性，如 class、id、href 等。它们属于元素节点的一部分，但不是子节点。

属性节点可以通过以下方式访问或修改：

• element.getAttribute('attrName') —— 获取属性值
• element.setAttribute('attrName', 'value') —— 设置或添加属性
• element.removeAttribute('attrName') —— 删除属性
• element.attributes —— 返回所有属性节点的集合

基本上就这些。理解这三种基本节点类型有助于更好地操作网页结构和内容。

到这里，我们也就讲完了《JS中DOM的三种节点类型有哪些》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！