13 - Eliminar un nodo de texto (removeChild)
Simulador
(Cuando presiona el botón "ejecutar el programa" se graba el programa que contiene la caja de texto y se visualiza el resultado en una página)
Problema:
Implementar un programa que permita añadir y eliminar nodos de texto de un párrafo.
pagina1.html
<html> <head> <title>Problema</title> <script language="javascript" src="funciones.js" type="text/javascript"></script> </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()"> </body> </html>
funciones.js
var contador=1; function agregar() { var nt=document.createTextNode('Nuevo texto '+contador+'-'); var nparrafo=document.getElementById('parrafo'); nparrafo.appendChild(nt); contador++; } function eliminar() { var nparrafo=document.getElementById('parrafo'); if (nparrafo.hasChildNodes()) { nparrafo.removeChild(nparrafo.lastChild); contador--; } }