HTML DOM 요소 노드 값 속성

정의와 사용법

nodeValue 속성은 노드의 값을 설정하거나 반환합니다.

요소 노드인 경우 nodeValue 속성은 null.

주의:요소의 텍스트를 반환하려면, 텍스트가 항상 Text 노드 내에 있으며 Text 노드의 노드 값을 반환해야 합니다:

element.childNodes[0].nodeValue

다른 노드 타입에 대해nodeValue 속성은 다른 노드 타입에 따라 다른 값을 반환합니다.

대체 방법:

textContent 속성

innerText 속성

innerHTML 속성

다른 보기:

nodeName 속성

nodeType 속성

tagName 속성

childNodes 속성

예제

예제 1

문서 중 첫 번째 <button> 요소의 노드 값을 반환합니다:

document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;

직접 시험해보세요

예제 2

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

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

직접 시험해보세요

문법

node 값 반환:

node.nodeValue

node 값 설정:

node.nodeValue = value

속성 값

값 설명
value 노드 값.

반환 값

타입 설명
문자열

노드 값.

  • 요소와 문서 노드는 null을 반환합니다
  • 속성 노드는 속성 값을 반환합니다
  • 텍스트 노드는 텍스트 내용을 반환합니다
  • 비고 노드는 텍스트 내용을 반환합니다

브라우저 지원

element.nodeValue DOM Level 1 (1998) 기능입니다.

모든 브라우저에서 완전히 지원됩니다:

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