데브허브 | DEVHUB | 자바스크립트 DOM & EVENT #3 노드 생성, 추가, 복제, 삭제자바스크립트 DOM & EVENT #3 노드 생성, 추가, 복제, 삭제
- 자바스크립트 DOM에서 노드 생성은
document.createElement() 을 이용해서 생성 가능하며, Append child를 사용하여 부모 노드에 추가할 수 있습니다. 📑
- 노드 값 (nodeValue)은 노드의 텍스트를 나타내며, 텍스트 노드만 수정 가능합니다. 📝
textContent는 노드의 내용을 가져오거나 설정하는데 사용되지만, 태그 정보가 손실됩니다. ⚠️
innerHTML을 사용하면 HTML 태그를 포함하여 내용을 수정할 수 있습니다. HTML
- Node의 자손 노드를 순서대로 제거하기 위해서는
removeChild() 메서드를 사용할 수 있습니다. 🗑️
- 노드를 복제하기 위해
cloneNode() 메서드를 사용할 수 있으며, true 인자를 전달하면 자손 노드도 함께 복제됩니다. 🔁