최신 웹 개발 튜토리얼
 

HTML DOM nodeName Propery

<요소 개체

예

a의 노드 이름 얻기 <p> 요소를 :

var x = document.getElementById("myP").nodeName;

X의 결과는 다음과 같습니다

P
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

하고 NODENAME 속성은 지정된 노드의 이름을 반환합니다.

노드가 요소 노드 인 경우, 노드 명 속성은 태그 이름을 반환합니다.

노드가 속성 노드 인 경우, 노드 명 속성은 속성의 이름을 반환합니다.

다른 노드 유형의 경우, 노드 명 속성이 다른 노드 유형에 대해 다른 이름을 반환합니다.

팁 : 사용할 수있는 태그 이름의 요소의 태그 이름을 반환하는 속성을. 차이점은 여기서 nodeName은 모든 노드의 이름을 반환하면서 태그 이름은, 태그 이름을 반환한다는 것입니다 (tags, attributes, text, comments) .

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

브라우저 지원

재산
nodeName 예 예 예 예 예

통사론

node .nodeName

기술적 세부 사항

반환 값 : 노드의 이름을 나타내는 문자열.

가능한 값 :

  • 대문자, 요소 노드의 태그 이름을 반환
  • 속성 노드에 대한 속성의 이름을 돌려줍니다
  • 반환 "#text" 텍스트 노드
  • 반환 "#comment" 주석 노드에 대한
  • 반환 "#document" 문서 노드
DOM 버전 코어 레벨 1 노드 개체
예

더 예

예

의 노드 이름 얻기 <body> 요소를 :

var x = document.body.nodeName;

X의 결과는 다음과 같습니다

BODY
»그것을 자신을 시도

예

의 노드 이름 얻기 <body> 요소의 자식 노드 :

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

TXT의 결과는 다음과 같습니다

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
»그것을 자신을 시도

예

노드 이름, 노드 값과의 노드 유형 가져 오기 <div> 요소의 첫 번째 자식 노드를 :

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

TXT의 결과는 다음과 같습니다

The node name: #text
The node value: This is a div element.
The node type: 3
»그것을 자신을 시도

관련 페이지

HTML DOM 참조 : 요소입니다. 태그 이름 속성

HTML DOM 참조 : 노드입니다. nodeType에 등록

HTML DOM 참조 : 노드입니다. nodeValue를 등록

HTML DOM 참조 : 노드입니다. childNodes에 등록

<요소 개체