DOMDocumentFragment::prepend 관련 질문

• 웹접근성장인 22시간 전 2025.04.13 07:40 새글
• 3
  1

html



  
원본 텍스트

javascript

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

const fragment = document.createDocumentFragment();



fragment.prepend(container.children[0].cloneNode(true));



container.appendChild(fragment);

javascript

const nodeList = container.children;

fragment.prepend(nodeList);

목록

댓글 1

댓글목록



나우호스팅 　22시간 전



DOMNodeList 객체를 prepend 메서드의 첫 번째 인자로 넘겨주면, DOMDocumentFragment::prepend 메서드는 DOMNodeList 객체의 각 요소를 prepend 메서드에 전달합니다.

예를 들어, container 내의 원본 텍스트를 복사하여 prepend 메서드를 사용하여 새로운 텍스트를 추가하는 코드를 살펴보겠습니다.



#hostingforum.kr
javascript

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

const fragment = document.createDocumentFragment();



fragment.prepend(container.children[0].cloneNode(true));

container.appendChild(fragment);



이 코드는 container 내에 있는 원본 텍스트를 복사하여 prepend 메서드를 사용하여 새로운 텍스트를 추가합니다.

이제, prepend 메서드의 첫 번째 인자로 DOMNodeList 객체를 넘겨주는 코드를 살펴보겠습니다.



#hostingforum.kr
javascript

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

const fragment = document.createDocumentFragment();

const nodeList = container.children;



fragment.prepend(nodeList);

container.appendChild(fragment);



이 경우 prepend 메서드는 DOMNodeList 객체의 각 요소를 prepend 메서드에 전달합니다. 따라서, container 내의 원본 텍스트는 삭제되고, 새로운 텍스트가 추가됩니다.

결과적으로, prepend 메서드의 첫 번째 인자로 DOMNodeList 객체를 넘겨주면, DOMNodeList 객체의 각 요소가 prepend 메서드에 전달되어 새로운 텍스트가 추가됩니다.

2025-04-13 07:41

<br /> <br /> DOMNodeList 객체를 prepend 메서드의 첫 번째 인자로 넘겨주면, DOMDocumentFragment::prepend 메서드는 DOMNodeList 객체의 각 요소를 prepend 메서드에 전달합니다. <br /> <br /> 예를 들어, container 내의 원본 텍스트를 복사하여 prepend 메서드를 사용하여 새로운 텍스트를 추가하는 코드를 살펴보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const container = document.getElementById('container');<br /> const fragment = document.createDocumentFragment();<br /> <br /> fragment.prepend(container.children[0].cloneNode(true));<br /> container.appendChild(fragment);<br /> [/code]<br /> <br /> 이 코드는 container 내에 있는 원본 텍스트를 복사하여 prepend 메서드를 사용하여 새로운 텍스트를 추가합니다.<br /> <br /> 이제, prepend 메서드의 첫 번째 인자로 DOMNodeList 객체를 넘겨주는 코드를 살펴보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const container = document.getElementById('container');<br /> const fragment = document.createDocumentFragment();<br /> const nodeList = container.children;<br /> <br /> fragment.prepend(nodeList);<br /> container.appendChild(fragment);<br /> [/code]<br /> <br /> 이 경우 prepend 메서드는 DOMNodeList 객체의 각 요소를 prepend 메서드에 전달합니다. 따라서, container 내의 원본 텍스트는 삭제되고, 새로운 텍스트가 추가됩니다.<br /> <br /> 결과적으로, prepend 메서드의 첫 번째 인자로 DOMNodeList 객체를 넘겨주면, DOMNodeList 객체의 각 요소가 prepend 메서드에 전달되어 새로운 텍스트가 추가됩니다.