12 - Eliminar un nodo de texto (removeChild) y verificar si tiene nodos hijo (hasChildNodes)
Problema:
Implementar un programa que permita añadir y eliminar nodos de texto de un párrafo.
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> <p id="parrafo">Texto inicial:</p> <input type="button" value="Agregar nodo de texto" onClick="agregar()"> <input type="button" value="Eliminar nodo de texto" onClick="eliminar()"> <script src="funciones.js"></script> </body> </html>
let contador = 1 function agregar() { let nt = document.createTextNode('Nuevo texto ' + contador + '-') let nparrafo = document.getElementById('parrafo') nparrafo.appendChild(nt) contador++ } function eliminar() { let nparrafo = document.getElementById('parrafo') if (nparrafo.hasChildNodes()) { nparrafo.removeChild(nparrafo.lastChild) contador-- } }
No tiene disponible el navegador la capacidad de iframe
Retornar