English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 객체

JavaScript 참조 가이드

JS DOM 참조 가이드

HTML DOM nodeName 属性

HTML DOM Element 객체

nodeName 只读属性以字符串的形式返回当前节点的名称。

如果节点是元素节点，则nodeName属性将以大写形式返回标记名称。

如果节点是属性节点，则nodeName属性将返回属性的名称。

对于其他节点类型，nodeName属性将为不同的节点类型返回不同的名称。

注意：您还可以使用tagName属性返回元素的标签名称。区别在于tagName仅返回标记名称，而nodeName返回所有节点的名称（标记，属性，文本，注释）。

语法：

node.nodeName
var x = document.getElementById("myPara").nodeName;
테스트 보기‹/›

浏览器兼容性

所有浏览器完全支持nodeName属性：

属性
nodeName是是是是是

技术细节

返回值：表示节点名称的字符串。
可能的值：

  • 返回元素节点的标记名（大写）

  • 返回属性节点的属性名称

  • 返回文本节点的" #text "

  • 为注释节点返回" #comment "

  • 返回文档节点的" #document "

DOM版本：DOM级别1

更多实例

返回BODY元素的子节点的节点名称：

var x = document.body.childNodes;
var txt = "";
for (let i = 0; i < x.length; i++) {
txt　+= x[i].nodeName　+　"<br>";
}
document.getElementById("para").innerHTML = txt;
테스트 보기‹/›

返回div的第一个子节点的节点名称，节点类型和节点值：

<div id="div-1">이것은 div 요소입니다.</div>
<script>
var x = document.getElementById("div-1).firstChild;
var txt = "";
txt　+= "노드 이름: "　+　x.nodeName　+　"<br>";
txt　+= "노드 값: "　+　x.nodeValue　+　"<br>";
txt　+= "노드 유형: "　+　x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>
테스트 보기‹/›

관련 참조

HTML DOM 참조:node .childNodes 속성

HTML DOM 참조:node .firstChild 속성

HTML DOM 참조:node .lastChild 속성

HTML DOM 참조:node .parentNode 속성

HTML DOM 참조:node .previousSibling 속성

HTML DOM 참조:node .nextSibling 속성

HTML DOM Element 객체

JavaScript History 객체HTML DOM Element 객체