Document.createDocumentFragment()

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

Создает новый пустой DocumentFragment.

Syntax

var fragment = document.createDocumentFragment();

fragment это ссылка на пустой объект DocumentFragment.

Description

DocumentFragments являются DOM нодами. Они, при этом, не являются частями основного дерева DOM. Обычно используются для создания фрагмента документа, добавления в него новых элементов/нод, а затем присоединения этого фрагмента к основному дереву. В основном дереве фрагмент буден заменён собственными дочерними элементами.

Поскольку фрагмент документа хранится в памяти и не является частью основного дерева, добавление в него дочерних элементов не вызывает reflow (вычисление геометрии и позиций элементов). В следствие этого, использование фрагментов документа часто увеличивает производительность.

Example

var element  = document.getElementById('ul'); // assuming ul exists
var fragment = document.createDocumentFragment();
var browsers = ['Firefox', 'Chrome', 'Opera', 
    'Safari', 'Internet Explorer'];

browsers.forEach(function(browser) {
    var li = document.createElement('li');
    li.textContent = browser;
    fragment.appendChild(li);
});

element.appendChild(fragment);

Specifications

Specification Status Comment
DOM
Определение 'Document.createDocumentFragment()' в этой спецификации.		 Живой стандарт No change
DOM4
Определение 'Document.createDocumentFragment()' в этой спецификации.		 Устаревшая Clarifies that the node document of the created document fragment is the context object.
Document Object Model (DOM) Level 3 Core Specification
Определение 'Document.createDocumentFragment()' в этой спецификации.		 Устаревшая No change
Document Object Model (DOM) Level 2 Core Specification
Определение 'Document.createDocumentFragment()' в этой спецификации.		 Устаревшая No change
Document Object Model (DOM) Level 1 Specification
Определение 'Document.createDocumentFragment()' в этой спецификации.		 Устаревшая Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
  
Feature Firefox (Gecko) Chrome Edge Internet Explorer Opera Safari
Basic support (Да) (Да) (Да) (Да) (Да) (Да)
  
Feature Firefox Mobile (Gecko) Android Edge IE Mobile Opera Mobile Safari Mobile
Basic support ? ? (Да) ? ? ?

See also