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