MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

Создает новый пустой 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

  
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

Метки документа и участники

 Внесли вклад в эту страницу: iamelru
 Обновлялась последний раз: iamelru,