MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Document.createDocumentFragment()

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

새로운 빈 DocumentFragment 를 생성합니다.

Syntax

var docFragment = document.createDocumentFragment();

docFragment 는 빈 DocumentFragment 객체를 나타냅니다.

Description

DocumentFragments 는 DOM 노드들 입니다. 이것들은 메인 DOM 트리의 일부가 되지 않습니다. 일반적인 유즈 케이스는 다큐먼트 조각을 생성하고, 엘리먼트들을 다큐먼트 조각에 추가하고 그 다큐먼트 조각을 DOM 트리에 추가하는 것입니다. DOM 트리 내에서 다큐먼트 조각은 그것의 모든 자식들로 대체됩니다.

메모리 내에 다큐먼트 조각이 존재하고 메인 DOM 트리의 일부가 아니라면, 이것에 자식들을 추가하는 것은 페이지 reflow (엘리먼트의 위치와 좌표의 계산) 를 유발하지 않습니다. 따라서, 다큐먼트 조각을 사용하는 것은 보통 better performance 의 결과를 가져옵니다.

Example

var ul = document.getElementsByTagName("ul")[0]; // assuming it exists
var docfrag = document.createDocumentFragment();
var browserList = ["Internet Explorer", "Firefox", "Safari",
    "Chrome", "Opera"];

browserList.forEach(function(e) {
  var li = document.createElement("li");
  li.textContent = e;
  docfrag.appendChild(li);
});

ul.appendChild(docfrag);
// a list with well-known web browsers

Specifications

Specification Status Comment
DOM
The definition of 'Document.createDocumentFragment()' in that specification.
Living Standard No change
DOM4
The definition of 'Document.createDocumentFragment()' in that specification.
Recommendation Clarifies that the node document of the created document fragment is the context object.
Document Object Model (DOM) Level 3 Core Specification
The definition of 'Document.createDocumentFragment()' in that specification.
Recommendation No change
Document Object Model (DOM) Level 2 Core Specification
The definition of 'Document.createDocumentFragment()' in that specification.
Recommendation No change
Document Object Model (DOM) Level 1 Specification
The definition of 'Document.createDocumentFragment()' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

See also

문서 태그 및 공헌자

 이 페이지의 공헌자: cs09g
 최종 변경: cs09g,