반응형 study/DOM2 removeChild() 및 replaceChild()를 사용하여 노드를 제거하거나 바꾸기 DOM에서 노드 제거시에 여러 단계의 과정으로 이루어짐 먼저 삭제할 노드를 선택한다. 다음 부모 노드에 대한 접근을 얻어야하고, 보통 parentNode 속성 사용. 부모 노드에서 삭제할 노드에 대한 참조를 전달하여 removeChild() 메서드 호출. element 노드나 텍스트 노드를 바꾸는 것은 제거하는것과 별반 다르지 않음. * removeChild() hi Dude ------------------------------------------------------------------ [1] var divA = document.getElementById('A'); divA.parentNode.removeChild(divA); [2] var divB = document.getElementById(.. 2020. 6. 11. appendChild() 및 insertBefore()를 사용하여 노드 개체를 DOM에 추가하기 appendChild() 메서드는 하나 또는 여러 노드를 메서드가 호출된 노드의 자식 노드 끝에 삽입할 수 있게 해준다. insertBefore()은 자식 노드 목록 끝 외에 삽입 위치를 조정하는것이 필요할 때 사용. * appendChild() Hi -------------------------------------- var elementNode = document.createElement('strong'); // [#] var textNode = document.createTextNode(' Dude'); //앞 노드들을 DOM에 추가. document.querySelector('p').appendChild(elementNode); // [1] document.querySelector('strong'.. 2020. 6. 10. 이전 1 다음 반응형