12.4.1 노드 추가하기
새로운 요소를 화면에 추가하려면 먼저 DOM 트리에 새로운 노드를 생성하는 작업을 해야 합니다. 그리고 생성한 노드를 기존의 DOM 트리 노드와 연결합니다. 이때 사용할 수 있는 메서드는 다음과 같습니다.
노드를 추가할 때 사용할 수 있는 메서드는 다음과 같습니다.
표 12-7 노드 추가 메서드
|
구분 |
메서드 |
설명 |
|
노드 생성 |
createElement() |
요소 노드를 생성합니다. |
|
createTextNode() |
텍스트 노드를 생성합니다. |
|
|
createAttribute() |
속성 노드를 생성합니다. |
|
|
노드 연결 |
<기준 노드>.appendChild(<자식 노드>) |
기준 노드에 자식 노드를 연결합니다. |
|
<기준 노드>.setAttributeNode(<속성 노드>) |
기준 노드에 속성 노드를 연결합니다. |
노드를 추가할 수 있게 기본 예제 코드를 작성합니다. 예제 코드는 일부러 간단한 형태로 작성했습니다.
12/04/node_basic.html
<!DOCTYPE html>
<html>
<head>
<title>Create Node</title>
</head>
<body>
<script></script>
</body>
</html>