El mejor tutorial de elementos DOM HTML en 2024. En este tutorial podrás aprender Crear un nuevo elemento HTML - appendChild (),Ejemplos,Ejemplos de analítica,Crear un nuevo elemento HTML - insertBefore (),Ejemplos,Quitar los elementos HTML existentes,Ejemplos,Ejemplos de analítica,Reemplazar los elementos HTML,Ejemplos,
Añadir, eliminar y sustituir los elementos HTML.
Para añadir un nuevo elemento a la DOM HTML, primero debe crear el elemento y añadirlo a los elementos existentes.
Este código crea un nuevo elemento <p>:
Para añadir texto al elemento <p>, primero debe crear un nodo de texto. Este código crea un nodo de texto:
A continuación, debe agregar el nodo de texto para el elemento <p>:
Por último, debe agregar este nuevo elemento a los elementos existentes.
Este código se encuentra a un elemento existente:
El código para agregar un nuevo elemento a los elementos existentes:
En un ejemplo de appendChild () método, el nuevo elemento en último elemento hijo del elemento padre para agregar.
Si no desea esto, se puede utilizar el método insertBefore ():
Para eliminar elementos HTML, se debe conocer el elemento padre del elemento:
<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>
Este documento contiene elemento HTML <div> en uno de los dos nodos hijos (dos <p> elemento) con el:
Encuentra id = "elementos" Div1:
Encuentra Identificación del elemento <P> = "p1":
Retirar del elemento padre sub-elementos:
¿Puedo eliminar un elemento en el caso no se refiere al elemento padre? Lo siento. DOM necesitan comprender los elementos que desea eliminar, así como su elemento padre. |
Éstos son una solución común: encontrar sub-elementos que necesita para eliminar, y luego usar el atributo parentNode para encontrar su elemento padre:
Para volver a colocar los elementos DOM HTML, utilice el método replaceChild ():