JavaScript DOM节点属性详解：nodeName、nodeValue与nodeType
本文详细解析JavaScript中DOM节点的三个核心属性：nodeName、nodeValue和nodeType。通过对比元素、属性、文本、注释及文档节点，阐明各属性在不同节点类型下的取值规则与限制，帮助开发者准确获取节点名称、值及类型，实现通用的元素内容处理逻辑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>一个获取元素文本内容的通用函数</title> </head> <body> <p id="p1">中华人民共和国<b>1</b> <span>2</span></p> </body> </html>[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
DOM节点核心属性概述
本文对HTML DOM中几个常用且重要的属性进行整理记录：
nodeName、nodeValue 以及 nodeType 这三个属性包含了关于节点的关键信息。
nodeName 属性用于获取某个节点的具体名称。
对于元素节点，nodeName 返回的是标签名称。
对于属性节点，nodeName 返回的是属性名称。
对于文本节点，nodeName 的值始终为 #text。
对于文档节点，nodeName 的值始终为 #document。
注意：nodeName 所包含的 XML 元素的标签名称永远是大写的。
nodeValue属性取值规则
关于 nodeValue 属性：
若节点为文本节点，nodeValue 属性包含该节点的文本内容。
若节点为属性节点，nodeValue 属性包含该属性的值。
对于文档节点和元素节点，nodeValue 属性不可用（返回 null）。
nodeType节点类型编号
关于 nodeType 属性：
nodeType 属性用于返回节点的类型编号。
最常见的节点类型及其对应的 nodeType 值如下：
元素类型与节点类型的对应关系如下：
元素（element）对应的节点类型为 1。
属性（attr）对应的节点类型为 2。
文本（text）对应的节点类型为 3。
注释（comments）对应的节点类型为 8。
文档（document）对应的节点类型为 9。
JS监听滚动事件：回到顶部按钮的显示与隐藏逻辑
2026-11-05 16:19:37
JavaScript怎么读写LocalStorage与SessionStorage
2026-11-05 15:40:11
anime.js 与 GSAP 对比：轻量级项目该怎么选择动画库
2026-11-05 11:24:55
flv.js 与 hls.js 在直播场景下的选型对比
2026-11-05 08:18:52
JavaScript能做什么？前端开发中的作用与应用场景解析
2026-11-04 23:17:54