15-3. JS DOM에서 노드 추가, 삭제 하는 방법

1. 노드 리스트 node list DOM 에서 새로운 노드를 만들어 추가하거나 삭제하려면 노드 리스트를 사용해야한다. DOM에서 접근할 때 querySelectorAll() 메서드를 사용하면 노드를 한꺼번에 여러개 가져올 수 있다. 이때 노드 정보를 여러개 저장한 것이 노드리스트이다. 새로운 노드를 추가할 때에는 1️⃣ 모둔 HTML 태그는 요소(element) 노드이다. 2️⃣ HTML 태그에서 사용하는 텍스트 내용은 나식 노드인 텍스트(text) 노드이다. 3️⃣ HTML 태그에 있는 속성은 자식 노드인 속성(attribute) 노드이다. 4️⃣ 주석은 주석(comment) 노드이다. 이 네가지 원칙을 기억해야한다. 예를 들어 img 노드를 추가한다고 생각하면 그 노드의 속성에 해당하는 src와 a..

2021.10.22