19 - Verificar si un elemento tiene un atributo (hasAttribute)



Problema:Crear una tabla de dos filas y dos columnas. Inicialmente la tabla no tiene la propiedad border. Al presionar un botón verificar si la tabla tiene la propiedad border. En el caso que no la tenga inicializarla con el valor 1 y en caso contrario recuperar el valor actual de dicha propiedad y sumarle 1.
<!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="Aumentar Borde" onClick="aumentarBorde()">
    <script src="funciones.js"></script>
</body>

</html>
function aumentarBorde() {
    let reftabla = document.getElementById('tabla1')
    if (reftabla.hasAttribute('border')) {
        let valor = parseInt(reftabla.getAttribute('border'))
        valor++
        reftabla.setAttribute('border', valor)
    } else
        reftabla.setAttribute('border', '1')
}
Ver solución


Retornar