17 - Borrar un atributo de un elemento (removeAttribute)



Problema:Se tiene una tabla y dos controles de tipo button. Permitir inicializar con 5 la propiedad border de la tabla al presionar uno de los botones y borrar la propiedad border al presionar el otro botón.
El archivo pagina1.html es el siguiente:
<!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>
    <table id="tabla1">
        <tr>
            <td>11</td>
            <td>12</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
        </tr>
    </table>
    <input type="button" value="Inicializar borde" onClick="definirAtributo()">
    <input type="button" value="Borrar borde" onClick="borrarAtributo()">
    <script src="funciones.js"></script>
</body>

</html>
<!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>
    <table id="tabla1">
        <tr>
            <td>11</td>
            <td>12</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
        </tr>
    </table>
    <input type="button" value="Inicializar borde" onClick="definirAtributo()">
    <input type="button" value="Borrar borde" onClick="borrarAtributo()">
    <script src="funciones.js"></script>
</body>

</html>
function definirAtributo() {
    let reftabla = document.getElementById('tabla1')
    reftabla.setAttribute('border', '5')
}

function borrarAtributo() {
    let reftabla = document.getElementById('tabla1')
    reftabla.removeAttribute('border')
}
Ver solución


Retornar