문서객체의 동적 생성
CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
반응형
문서객체의 동적 생성
메서드 |
설명 |
createElement(tagName) |
· 요소 노드를 생성 |
createAttribute() |
· 새로운 속성 노드 생성 · 만약 같은 이름의 속성 노드가 이미 존재하면, 기존의 속성 노드는 새로운 속성 노드로 대체됩니다. · 이미 존재하는 요소 노드에 속성 노드를 변경하고자 할 때에는 setAttribute() 메소드를 사용합니다. |
createTextNode(text) |
· 텍스트 노드를 생성 |
createComment(text); |
· 주석 노드 생성 |
//h1 태그 생성 var header = document.createElement('h1'); //텍스트 생성 var textNode = document.createTextNode('Hello DOM'); |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
JSON.stringify() (0) | 2017.11.21 |
---|---|
이벤트 처리 - 이벤트 핸들러(event handler), 이벤트 리스너(event listener), 이벤트 리스너 등록 방법, 이벤트 호출 순서 (0) | 2017.11.20 |
HTML 태그를 자바스크립트로 가져오는 방법 (0) | 2017.11.17 |
DOM 트리 탐색(DOM tree traversing) (0) | 2017.11.17 |
노드(node) 종류, 노드 간 관계의 종류 (0) | 2017.11.17 |