createElement

document.createElement(tagName);

=> 태그 이름을 넣어서 요소 생성

---

생성한 element에 속성 넣기

.className : class 추가하기

.id : id 추가하기

.setAttribute(속성, 이름) : 넣고싶은 부가 속성과 그에 대한 이름 추가

.appendChild() : 자식 노드 추가하기

.innerHTML : 해당 요소에 html 내용 추가하기

---

removeChild

parentNode.removeChild(node);

하나의 노드를 삭제

삭제 시 삭제 할 노드의 부모 노드에서 실행

---

replaceChild

parentNode.replaceChild(newChild, oldChild);

원래 있는 자식 노드(oldChild)를 삭제하고, 새 노드(newChild)로 교체

교체 시 교체할 노드를 자식으로 가진 부모 노드에서 실행