코딩 자율학습 HTML + CSS + 자바스크립트: 12.4.1 노드 추가하기

새로운 요소를 화면에 추가하려면 먼저 DOM 트리에 새로운 노드를 생성하는 작업을 해야 합니다. 그리고 생성한 노드를 기존의 DOM 트리 노드와 연결합니다. 이때 사용할 수 있는 메서드는 다음과 같습니다.

노드를 추가할 때 사용할 수 있는 메서드는 다음과 같습니다.

표 12-7 노드 추가 메서드

노드를 추가할 수 있게 기본 예제 코드를 작성합니다. 예제 코드는 일부러 간단한 형태로 작성했습니다.

12/04/node_basic.html

<!DOCTYPE html>
<html>
<head>
  <title>Create Node</title>
</head>
<body>
  <script></script>
</body>
</html>

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.