JavaScript DOM节点属性详解:nodeName、nodeValue与nodeType

作者:页面旅途

时间:2026-10-24

浏览:339

本文详细解析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。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章