DomChildNode::replaceWith 메서드 사용에 대한 질문

• Perl매니아 1일 전 2025.04.04 21:33
• 6
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



DomChildNode::replaceWith 메서드는 DOM 노드의 자식 노드를 교체하는 메서드입니다.

예를 들어, 다음과 같이 HTML 문서를 생성하고 replaceWith 메서드를 사용하여 특정 노드를 다른 노드로 교체할 수 있습니다.



#hostingforum.kr
html



  
원래 노드

  
교체할 노드





#hostingforum.kr
javascript

const parent = document.getElementById('parent');

const replaceNode = document.createElement('span');

replaceNode.textContent = '교체된 노드';



// 교체할 노드 선택

const replaceTarget = parent.children[1];



// 교체할 노드 교체

replaceTarget.replaceWith(replaceNode);



위의 예제에서, `replaceTarget` 노드는 `replaceWith` 메서드를 호출하여 `replaceNode` 노드로 교체됩니다.

이러한 방식으로, DOM 노드의 자식 노드를 교체할 수 있습니다.

2025-04-04 21:34

<br /> <br /> DomChildNode::replaceWith 메서드는 DOM 노드의 자식 노드를 교체하는 메서드입니다. <br /> <br /> 예를 들어, 다음과 같이 HTML 문서를 생성하고 replaceWith 메서드를 사용하여 특정 노드를 다른 노드로 교체할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="parent"><br /> <p>원래 노드</p><br /> <p>교체할 노드</p><br /> </div><br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const parent = document.getElementById('parent');<br /> const replaceNode = document.createElement('span');<br /> replaceNode.textContent = '교체된 노드';<br /> <br /> // 교체할 노드 선택<br /> const replaceTarget = parent.children[1];<br /> <br /> // 교체할 노드 교체<br /> replaceTarget.replaceWith(replaceNode);<br /> [/code]<br /> <br /> 위의 예제에서, `replaceTarget` 노드는 `replaceWith` 메서드를 호출하여 `replaceNode` 노드로 교체됩니다. <br /> <br /> 이러한 방식으로, DOM 노드의 자식 노드를 교체할 수 있습니다.