Ajax DOM 관련 필수 키워드

responseXML 속성을 이용한 DOM 사용하기

childNodes : 현재 요소의 자식을 배열로 표현한다.

firstChild  : 현재 요소의 첫 번째 자식

lastChild  : 현재 요소의 마지막 자식

nextSibling : 현재 요소와 다음 요소를 의미

previousSibling : 현재 요소와 이전 요소를 의미

 

nodeVal‍ue : 해당 요소의 값을 읽고 쓸 수 있는 속성을 정의. 노드가 가진 값을 획득

parentNode : 해당 요소의 부모 노드

 

document 개체의 DOM 관련 메소드

getElementById(id)  : document에서 특정한 id 속성 값을 가지고 있는 요소를 반환

getElementsByTagName(name) : 특정한 태그 이름을 가지고 있는 자식 요소로 구성된 배열을 반환

 

Dynamic DOM 객체 처리

document.createElement(tagname) : element 생성

document.createTextNode(text) : 정적 텍스트를 담고 있는 노드를 생성

<document>.appendChild(childNode) : 특정 노드를 현재 엘리먼트의 자식 노드에 추가시킨다. ( 예를 들어 select 요소에 option 요소 추가)

<document>.getAttribute(name) : 특정한 name에 해당되는 요소의 속성값을 반환한다.

<document>.setAttribute(name, value) : 속성명 value를 속성명이 name인 곳에 저장

<document>.insertBefore(newNode, targetNode)

<document>.removeAttribute (name)

<document>.removeChild (childNode)

<document>.replaceChild (newNode, oldNode)

<document>.hasChildNodes () : 자식 노드가 존재하는지 여부를 판단. Boolean 반환