DomCharacterData::replaceWith 메서드 사용 방법에 대해 질문합니다

• Lisp전문가 3일 전 2025.04.30 13:08
• 53
  1

목록

댓글 1

댓글목록



나우호스팅 　3일 전



DOM CharacterData 인터페이스의 replaceWith 메서드는 DOM 노드의 내용을 교체하는 데 사용됩니다.

replaceWith 메서드는 새로운 노드를 삽입하고 기존 노드를 삭제하는 과정을 수행합니다.

이 메서드를 사용하는 예시 코드는 다음과 같습니다.



#hostingforum.kr
javascript

// 새로운 노드를 생성합니다.

let newNode = document.createTextNode('새로운 텍스트');



// 기존 노드를 선택합니다.

let oldNode = document.getElementById('old-node');



// replaceWith 메서드를 사용하여 새로운 노드를 삽입하고 기존 노드를 삭제합니다.

oldNode.replaceWith(newNode);



이 코드는 기존 노드의 자리를 새로운 노드가 차지하게 됩니다.

2025-04-30 13:09

<br /> <br /> DOM CharacterData 인터페이스의 replaceWith 메서드는 DOM 노드의 내용을 교체하는 데 사용됩니다. <br /> <br /> replaceWith 메서드는 새로운 노드를 삽입하고 기존 노드를 삭제하는 과정을 수행합니다. <br /> <br /> 이 메서드를 사용하는 예시 코드는 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> // 새로운 노드를 생성합니다.<br /> let newNode = document.createTextNode('새로운 텍스트');<br /> <br /> // 기존 노드를 선택합니다.<br /> let oldNode = document.getElementById('old-node');<br /> <br /> // replaceWith 메서드를 사용하여 새로운 노드를 삽입하고 기존 노드를 삭제합니다.<br /> oldNode.replaceWith(newNode);<br /> [/code]<br /> <br /> 이 코드는 기존 노드의 자리를 새로운 노드가 차지하게 됩니다.