пример
Создать узел DocumentFragment и добавьте ребенка к нему (a list item) . Затем измените значение узла элемента списка и вставьте его в качестве последнего ребенка списка:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);Результат будет:
До изменений:
- Coffee
- Tea
После внесения изменений:
- Tea
- Milk
Попробуй сам " Определение и использование
createDocumentFragment() метод создает воображаемый объект Node, со всеми свойствами и методами объекта Node.
createDocumentFragment() метод является полезным , если вы хотите , чтобы извлечь части вашего документа, изменения, добавления или удаления, некоторые из содержания, и вставить его обратно в документ.
Вы можете также использовать объект Document документа для выполнения этих изменений, но для предотвращения разрушения структуры документа, он может быть безопаснее извлечь только части документ, внести изменения, и вставить часть обратно в документ.
Примечание: Узлы, добавленный к фрагменту документа, из документа, будет удалены из документа.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | да | да | да | да | да |
Синтаксис
document. createDocumentFragment()
параметры
| Никто |
Технические подробности
| Возвращаемое значение: | DocumentFragment объект, представляющий созданный узел DocumentFragment |
|---|---|
| DOM Version | Базовый уровень объекта 1 Документ |