15 - Eliminar un nodo de tipo elemento (removeChild)
Problema:
Permitir crear nodos de tipo elemento. Luego disponer dos botones que permitar borrar el primero o el último nodo tipo elemento.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <div id="parrafos"></div> <input type="button" value="Agregar nodo tipo elemento" onClick="agregar()"> <input type="button" value="Eliminar primer nodo tipo elemento" onClick="eliminarPrimero()"> <input type="button" value="Eliminar último nodo tipo elemento" onClick="eliminarUltimo()"> <script src="funciones.js"></script> </body> </html>
let contador = 1 function agregar() { let nuevoelemento = document.createElement("p") let nuevotexto = document.createTextNode("Hola Mundo " + contador + " - ") contador++ nuevoelemento.appendChild(nuevotexto) let puntero = document.getElementById("parrafos") puntero.appendChild(nuevoelemento) } function eliminarPrimero() { let puntero = document.getElementById("parrafos") if (puntero.children.length > 0) puntero.removeChild(puntero.children[0]) } function eliminarUltimo() { let puntero = document.getElementById("parrafos") if (puntero.children.length > 0) puntero.removeChild(puntero.children[puntero.children.length - 1]) }
No tiene disponible el navegador la capacidad de iframe
Retornar