DOM프로퍼티-노드프로퍼티--nodeName, nodeType, nodeValue

/*

문서내에 모든 노드는 아래의 프로퍼티를 가짐

*/

/*

nodeName

nodeName 프로퍼티는 특정 노드의 이름을 포함한 문자열을 반환합니다.

*/

//구문

name = node.nodeName

/*

노드가 요소이면 요소이름 반환(tagName프로퍼티와 같은값을 가집니다.)

노드가 속성이면 속성이름 반환

노드가 텍스트노드면 텍스트문자열 반환

nodeName 프로퍼티 읽기전용이고 값을 바꾸거나 변경할수없음.

*/

/////////////////////////////////////////////////////////////////////////

/*

nodeType

nodeType프로퍼티는 특정노드의 형식을 지정하는 정수값을 반환해줌

*/

//구문

integer = node.nodeType

/*

12가지의 값 반환

1. element_node

2. attribute_node

3. text_node

4. cdata_section_node

5. entity_reference_node

6. entity_node

7. processing_instruction_node

8. comment_node

9. document_node

10. document_type_node

11. document_fragement_node

12. notation_node

*/

//nodeType은 노드의 종류를 잘못 알아내서 제대로 동작이 수행되지 않는것을 막기 위해 

//if조건문과 함께 쓰임

//예제

function addTitle(mynode){

if(mynode.nodeType==1){

mynode.setAttribute("title", "이것은 중요한 내용입니다.");

}

}

/////////////////////////////////////////////////////////////////////////

/*

nodeValue

nodeValue 프로퍼티는 특정 노드의 값을 반환해줌.

*/

//구문

value = node.nodeValue

/*

문자열을 반환

속성노드이면 속성값을

텍슨트노드이면 그안의 텍스트 내용을,

요소 노드이면 null값을 반환***

읽고 쓰기 가능, 요소노드일때는 NULL이기 때문에 값을 지정하거나 변경할수 없다.

*/

//예제

var msg = document.getElementById("fineprint");

msg.nodeValue = "이명령은 실행되지 않는다";

//위 실행안됨 아래 실행됨

var msg = document.getElementById("fineprint");

msg.firstChild.nodeValue="이명령문은 실행됩니다.";

var msg = document.getElementById("fineprint");

if(msg.firstChild.nodeType==0){

msg.firstChild.value="이명령문은 실행됩니다.";

}

/*

****

nodeValue 프로퍼티를 이용하는 것은 텍스트 노드 값을설정하는데 가장 간단한 방법

부모요소의 속성 노드를 설정하기 위해서는 setAttribute를 사용하는것이 일반적!

****

*/

 [출처] DOM프로퍼티-노드프로퍼티--nodeName, nodeType, nodeValue|작성자 여우별  

[출처] DOM프로퍼티-노드프로퍼티--nodeName, nodeType, nodeValue|작성자 여우별