문서객체의 동적 생성

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

문서객체의 동적 생성 

메서드

설명

createElement(tagName)

·       요소 노드를 생성

createAttribute()

·       새로운 속성 노드 생성

·       만약 같은 이름의 속성 노드가 이미 존재하면, 기존의 속성 노드는 새로운 속성 노드로 대체됩니다.

·       이미 존재하는 요소 노드에 속성 노드를 변경하고자 할 때에는 setAttribute() 메소드를 사용합니다.

createTextNode(text)

·       텍스트 노드를 생성

createComment(text);

·       주석 노드 생성

 

//h1 태그 생성

var header = document.createElement('h1');

//텍스트 생성

var textNode = document.createTextNode('Hello DOM');