HTML DOM nodeName 속성
예시
<p> 요소의 노드 이름을 가져옵니다.
var x = document.getElementById("myP").nodeName;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
nodeName 속성은 지정된 노드의 이름을 반환합니다.
노드가 요소 노드인 경우 nodeName 속성은 태그 이름을 반환합니다.
노드가 속성 노드인 경우 nodeName 속성은 속성의 이름을 반환합니다.
다른 노드 유형의 경우 nodeName 속성은 노드 유형에 따라 다른 이름을 반환합니다.
팁: tagName 속성을 사용하여 요소의 태그 이름을 반환할 수도 있습니다 . 차이점은 tagName은 태그 이름만 반환하는 반면 nodeName은 모든 노드(태그, 속성, 텍스트, 주석)의 이름을 반환한다는 것입니다.
이 속성은 읽기 전용입니다.
브라우저 지원
| Property | |||||
|---|---|---|---|---|---|
| nodeName | Yes | Yes | Yes | Yes | Yes |
통사론
node.nodeName
기술적 세부 사항
| 반환 값: |
노드의 이름을 나타내는 문자열입니다.
가능한 값:
|
|---|---|
| DOM 버전 | 코어 레벨 1 노드 개체 |
더 많은 예
예시
<body> 요소의 노드 이름을 가져옵니다.
var x = document.body.nodeName;
예시
<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;
예시
<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>
관련 페이지
HTML DOM 참조: 요소. tagName 속성
HTML DOM 참조: 노드. 노드 유형 속성
HTML DOM 참조: 노드. nodeValue 속성
HTML DOM 참조: 노드. childNodes 속성