DomCharacterData::replaceWith 함수는 기존의 textContent를 삭제하고 새로운 textContent를 삽입하는 함수입니다.
이 함수는 기존의 textContent를 삭제하는 것이 아니라, 기존의 textContent를 새로운 textContent로 교체하는 함수입니다.
예를 들어, 다음 코드를 살펴보겠습니다.
#hostingforum.kr
javascript
const textNode = document.createTextNode('기존 텍스트');
const newNode = document.createTextNode('새로운 텍스트');
const parent = textNode.parentNode;
parent.replaceChild(newNode, textNode);
이 코드는 기존의 textContent('기존 텍스트')를 삭제하고 새로운 textContent('새로운 텍스트')를 삽입하는 것이 아니라, 기존의 textContent('기존 텍스트')를 새로운 textContent('새로운 텍스트')로 교체합니다.
그 결과, parent 노드의 textContent는 '새로운 텍스트'로 변경됩니다.
따라서, DomCharacterData::replaceWith 함수를 사용할 때는 기존의 textContent를 삭제하는 것이 아니라, 기존의 textContent를 새로운 textContent로 교체하는 함수로 이해해야 합니다.
2025-05-30 06:44