data 속성

data 속성을 사용하면 요소의 텍스트 노드 내용을 읽을 수 있습니다. 주석 처리된 텍스트도 포함됩니다.

구문

javascriptelement.data;

예시

data 속성을 사용하여 첫 번째 자식 요소의 텍스트를 출력해 봅시다:

html<body>
  text1 <!--com1-->
  text2 <!--com2-->
</body>
javascriptlet elem = document.body.firstChild;
console.log(elem.data); 

코드 실행 결과:

javascript'text1'

예시

이제 첫 번째 자식 요소의 주석을 출력해 봅시다:

html<body>
  text1 <!--com1-->
  text2 <!--com2-->
</body>
javascriptlet elem = document.body.firstChild;
let comment = elem.nextSibling;
console.log(comment.data);

코드 실행 결과:

javascript'com1'

같이 보기

  • nodeValue 메서드,
    노드의 값을 설정합니다