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 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">
        <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()">
    <script src="funciones.js"></script>
</body>

</html>
function eliminar() {
    let puntero = document.getElementById('parrafos')
    let valor = document.getElementById('posicion').value
    if (valor < puntero.children.length)
        puntero.removeChild(puntero.children[valor])
}
Ver solución


Retornar