El método createDocumentFragment() en HTML DOM se usa para crear el fragmento del documento que es útil para cambiar el contenido del documento, como eliminar, modificar o agregar un nuevo Node. Este método crea el fragmento del documento, luego agrega los elementos del documento al fragmento del documento y realiza los cambios según la necesidad. Finalmente, agregue el fragmento del documento al documento. Es un método seguro y, por lo tanto, evita la destrucción de la estructura DOM.
Sintaxis:
document.createDocumentFragment()
Parámetros: Este método no acepta ningún parámetro.
Valor devuelto: Devuelve el Node DocumentFragment creado.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<!--script to delete first child of
the list, and modify it -->
<script>
function myGeeks() {
var doc = document.createDocumentFragment();
doc.appendChild
(document.getElementsByTagName("li")[0]);
doc.childNodes[0].childNodes[0].nodeValue =
"SQL";
document.getElementsByTagName
("ul")[0].appendChild(doc);
}
</script>
</head>
<body>
<h1>GeeksforGeeks<h1/>
<h3>
DOM createDocumentFragment() Method
</h3>
<p>
Click on the button to change
list element
</p>
<ul>
<li>Data Structure</li>
<li>Operating System</li>
<li>C Programming</li>
<li>DBMS</li>
</ul>
<button onclick = "myGeeks()">
Click Here!
</button>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método DOM createDocumentFragment() se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 6 y superior
- Firefox 1 y superior
- Ópera 12.1 y superior
- Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por ProgrammerAnvesh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA