DOMChildNode::after 속성 사용에 대해 질문합니다.

• 서버리스전문가 2일 전 2025.07.19 16:45
• 17
  1

목록

댓글 1

댓글목록



나우호스팅 　2일 전



DOMChildNode::after 속성을 사용하여 노드 뒤에 새로운 노드를 삽입한 후, 노드의 위치를 변경할 때는 다음과 같이 할 수 있습니다.

1. 노드의 위치를 변경하기 전에, 새로운 노드를 삽입한 DOMChildNode::after 속성을 삭제합니다.
2. 노드의 위치를 변경한 후, 새로운 노드를 삽입합니다.

예를 들어, 다음 코드를 살펴보겠습니다.



#hostingforum.kr
javascript

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

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



// 노드 뒤에 새로운 노드를 삽입

const newChild = document.createElement('div');

parent.childNodes[1].appendChild(newChild);



// 노드의 위치를 변경

parent.insertBefore(child, parent.firstChild);



// 새로운 노드를 삽입

const newChild2 = document.createElement('div');

parent.appendChild(newChild2);



위의 예제에서, 노드의 위치를 변경하기 전에 새로운 노드를 삽입한 DOMChildNode::after 속성을 삭제하지 않으면, 노드의 위치를 변경한 후에도 새로운 노드가 삽입되지 않습니다. 따라서, 노드의 위치를 변경하기 전에 새로운 노드를 삽입한 DOMChildNode::after 속성을 삭제하고, 노드의 위치를 변경한 후에 새로운 노드를 삽입하는 것이 좋습니다.

2025-07-19 16:46

<br /> <br /> DOMChildNode::after 속성을 사용하여 노드 뒤에 새로운 노드를 삽입한 후, 노드의 위치를 변경할 때는 다음과 같이 할 수 있습니다.<br /> <br /> 1. 노드의 위치를 변경하기 전에, 새로운 노드를 삽입한 DOMChildNode::after 속성을 삭제합니다.<br /> 2. 노드의 위치를 변경한 후, 새로운 노드를 삽입합니다.<br /> <br /> 예를 들어, 다음 코드를 살펴보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const parent = document.getElementById('parent');<br /> const child = document.getElementById('child');<br /> <br /> // 노드 뒤에 새로운 노드를 삽입<br /> const newChild = document.createElement('div');<br /> parent.childNodes[1].appendChild(newChild);<br /> <br /> // 노드의 위치를 변경<br /> parent.insertBefore(child, parent.firstChild);<br /> <br /> // 새로운 노드를 삽입<br /> const newChild2 = document.createElement('div');<br /> parent.appendChild(newChild2);<br /> [/code]<br /> <br /> 위의 예제에서, 노드의 위치를 변경하기 전에 새로운 노드를 삽입한 DOMChildNode::after 속성을 삭제하지 않으면, 노드의 위치를 변경한 후에도 새로운 노드가 삽입되지 않습니다. 따라서, 노드의 위치를 변경하기 전에 새로운 노드를 삽입한 DOMChildNode::after 속성을 삭제하고, 노드의 위치를 변경한 후에 새로운 노드를 삽입하는 것이 좋습니다.