15 - Eliminar un nodo de tipo elemento (removeChild)



Problema:Disponer un div con tres párrafos. Ingresar en un control de tipo text un valor entero entre 0 y 2. Luego borrar el párrafo que coincida con el valor ingresado (el valor ingresado representa la posición del nodo elemento a borrar).
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="parrafos"><p>Parrafo 0</p><p>Parrafo 1</p><p>Parrafo 2</p></div>
<input type="text" id="posicion" name="posicion">
<input type="button" value="Eliminar el párrafo de la 
posición ingresada" onClick="eliminar()">
</body>
</html>
function eliminar()
{
  var puntero=document.getElementById('parrafos');
  var valor=document.getElementById('posicion').value;
  if (valor<puntero.childNodes.length)
    puntero.removeChild(puntero.childNodes[valor]);
}
Ver solución


Retornar