컨텐츠를 동적으로 생성할 수 있게 해주는 W3C DOM 의 속성과 메소드

 

 

document.createElement(tagName) : tagName 으로된 엘리먼트를 생성한다. div 를 메소드 파라미터로 입력하면 div 엘리먼트가 생성된다.

 

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

 

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

 

<element>.getAttribute(name) : 속성명이 name 인 속성값을 반환한다.

 

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

 

<element>.insertBefore(newNode, tartgetNode) : newNode 를  tartgetNode 전에 삽입한다.

 

<element>.removeAttribute(name) : 엘리먼트에서 name 속성을 제거한다.

 

<element>.removeChild(childNode) : 자식 엘리먼트를 제거한다.

 

<element>.replaceChild(newNode, oldNode) : oldNode 를 newNode 로 치환한다.

 

<element>.hasChildNodes() : 자식 노드가 존재하는지 여부를 판단한다. 리턴형식은 Boolean 이다.