Implementar un programa que permita añadir nodos de texto y eliminar nodos de texto de un párrafo (eliminar siempre el primer hijo de la lista)
if (nparrafo.hasChildNodes())
{
nparrafo.removeChild(nparrafo.firstChild);
contador--;
}
La propiedad firsChild retorna la referencia al primer hijo que tiene un nodo de tipo elemento.
<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>
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.firstChild);
contador--;
}
}
Ver solución