Przykład
Tworzenie węzła documentFragment i dołączyć do niego dziecko (a list item) . Następnie zmień wartość węzła elementu listy i wstawić go jako ostatniego dziecka z listy:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);Wynikiem będzie:
Przed zmianą:
- Coffee
- Tea
Po zmianach:
- Tea
- Milk
Spróbuj sam " Definicja i Wykorzystanie
createDocumentFragment() metoda tworzy węzłowi urojoną, w której wszystkie własności i sposoby węzłowi.
createDocumentFragment() Metoda ta jest przydatna, gdy chcemy wyodrębnić części dokumentu, zmieniać, dodawać lub usuwać niektóre treści i włóż go z powrotem do dokumentu.
Można również użyć dokumentu Document Object do wykonywania tych zmian, ale aby zapobiec niszczeniu struktury dokumentu, może być bezpieczniejsze, aby wyodrębnić tylko części dokumentu, dokonać zmian, a następnie włóż część z powrotem do dokumentu.
Uwaga: węzły, które są dołączone do fragmentu dokumentu z dokumentu zostanie usunięty z dokumentu.
Wsparcie przeglądarka
| metoda | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | tak | tak | tak | tak | tak |
Składnia
document. createDocumentFragment()
parametry
| Żaden |
Szczegóły techniczne
| Zwracana wartość: | Obiekt DocumentFragment, reprezentująca utworzony węzeł DocumentFragment |
|---|---|
| DOM Version | Rdzeń Poziom 1 Document Object |