노드 정보 - nodeName, nodeValue, nodeType

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

노드 정보

노드에 대한 정보는 다음과 같은 프로퍼티를 통해 접근할 수 있습니다.

이 프로퍼티들은 특별히 다른 인터페이스를 이용하지 않고도, 해당 노드의 정보에 직접 접근할 수 있는 방법을 제공합니다.

 

·       nodeName

·       nodeValue

·       nodeType

 

 

 

 

 

nodeName

nodeName 프로퍼티는 노드 고유의 이름을 저장하므로, 수정할 수 없는 읽기 전용 프로퍼티입니다.

요소 노드의 nodeName 프로퍼티는 언제나 해당 HTML 요소의 태그 이름을 대문자로 저장합니다.

노드

프로퍼티 값

문서 노드(document node)

#document

요소 노드(element node)

태그 이름 (영문자로 대문자)

속성 노드(attribute node)

속성 이름

텍스트 노드(text node)

#text

 

 

 

nodeValue

nodeValue 프로퍼티는 노드의 값을 저장합니다.

노드

프로퍼티 값

요소 노드(element node)

undefined

속성 노드(attribute node)

해당 속성의 속성값

텍스트 노드(text node)

해당 텍스트 문자열

 

 

 

nodeType

nodeType 프로퍼티는 노드 고유의 타입을 저장하므로, 수정할 수 없는 읽기 전용 프로퍼티입니다.

 

대표적인 HTML 노드별 nodeType 프로퍼티 값은 다음과 같습니다.

노드

프로퍼티 값

요소 노드(element node)

1

속성 노드(attribute node)

2

텍스트 노드(text node)

3

주석 노드(comment node)

8

문서 노드(document node)

9

 

 

 

반응형