Element 추가/삭제

Document API

document.createElement() : 문자열 인자로 element tag를 입력하면 해당 엘리먼트가 생성돼 반환된다.

<script>
document.createElement("hr")
</script>

Element API

.appendChild(인자) : 추가할 element를 인자로 받아 호출된 element의 가장 마지막 자식으로 인자를 추가한다.

<script>
hr = document.createElement("hr");
document.body.appendChild(hr);
</script>

.removeChild(인자) : 삭제할 element를 인자로 받아 호출된 element의 자식중에서 해당 element를 삭제한다.

<script>
document.body.appendChild(hr);
</script>

.insertBefore(인자1, 인자2) : 인자1로 받은 element를 호출된 element의 자식중 인자2의 이전에 추가한다.

<script>
document.body.insertBefore(hr[인자1],document.body.children[인자2])
</script>

.cloneNode() : 호출된 element를 복사해서 반환한다.

<script>
hr2 = hr. cloneNode();
</script>