HTML DOM Element 객체 HTML DOM Document 객체

HTML DOM createDocumentFragment() 메서드

createDocumentFragment()메서드는 새로운 비어 있는 DocumentFragment를 생성합니다.

문서의 일부를 추출하고, 변경하거나 추가하고 제거한 후 다시 문서에 삽입하려고 할 때 이 메서드가 매우 유용합니다.

문법:

document.createDocumentFragment()

예제

var　element　　=　document.getElementById('ul');
var　fragment　=　document.createDocumentFragment();
var　browsers　=　['Firefox', &#39;Chrome', &#39;Opera', &#39;Safari', &#39;Internet Explorer'];
browsers.forEach(function(browser) {
var li = document.createElement('li');
li.textContent = browser;
fragment.appendChild(li);
});
element.appendChild(fragment);

테스트 보기‹/›

브라우저 호환성

모든 브라우저가 createDocumentFragment() 메서드를 완전히 지원합니다:

메서드
createDocumentFragment()	O	O	O	O	O

기술 세부 사항

반환 값:	만들어진 DocumentFragment 노드를 대표하는 DocumentFragment 객체
DOM 버전:	DOM 레벨1

HTML DOM Document 객체

HTML DOM Element 객체 HTML DOM Document 객체

JavaScript 객체

JavaScript 참조 설명서

JS DOM 참조 설명서

HTML DOM createDocumentFragment() 메서드

문법:

브라우저 호환성

기술 세부 사항