HTML DOM Element nodeName 属性

定義と用法

nodeName 属性返回节点的名称：

  • 节点是元素节点时，nodeName 属性返回태그 이름（大写）。
  • 节点是属性节点时，nodeName 属性返回属性的名称。
  • 节点是文本节点时，nodeName 属性返回 #text。
  • 节点是注释节点时，nodeName 属性返回 #comment。
  • 节点是文档节点时，nodeName 属性返回 #document。

nodeName 속성은 읽기 전용입니다.

另请参阅：

nodeType 속성

nodeValue 속성

tagName 속성

childNodes 속성

예제

예제 1

<p> 요소의 노드 이름 반환:

document.getElementById("myP").nodeName;

직접 시도해보세요

예제 2

<body> 요소의 노드 이름 반환:

document.body.nodeName;

직접 시도해보세요

예제 3

<body> 요소의 자식 노드의 노드 이름 가져오기:

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}

직접 시도해보세요

예제 4

"myDIV"의 첫 번째 자식 노드의 노드 이름, 값, 타입을 가져오기:

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

직접 시도해보세요

문법

element.nodeName

또는

node.nodeName

반환 값

  • 요소 노드 반환태그 이름（대문자）
  • 속성 노드 반환속성 이름
  • 텍스트 노드 반환 #text
  • 주석 노드 반환 #comment
  • 문서 노드 반환 #document

브라우저 지원

element.nodeName DOM Level 1 (1998) 특성입니다.

모든 브라우저는 완벽하게 지원합니다:

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원