<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/*
요소 관련 메소드
```
1.document.createElement(element) : element(요소) 생성 (태그만들기)
2.document.removeChild(element) : element(요소) 삭제
3.document.appendChild(element) : element(요소) 추가 (알아두기)
4.document.appendChild(new element , old element) : old element -> new element로 변경
*/
onload = function(){
// 1. <h1> 태그 만들기
var headElement = document.createElement("h1");
//2. 텍스트 노드 만들기
var textNode = document.createTextNode("Hello Javascript")
//3. <h1> 태그에 텍스트 노드 추가하기
headElement.appendChild(textNode);
//4. <h1> 태그를 <body> 추가하기
document.body.appendChild(headElement); // document.body : 바디 태그
}
```
</script>
</head>
<body>
<h1>안녕하세요.</h1>
</body>
</html>
