18 - Recuperar un atributo de un elemento (getAttribute)


Si queremos conocer el valor de un atributo de un nodo de tipo elemento lo podemos hacer llamando al método getAttribute.
El siguiente ejemplo recupera el valor de la propiedad href de un ancla.
pagina.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>
    <a id="enlace" href="https://www.google.com.ar">Google.</a><br>
    <input type="button" value="Recuperar atributo href" onClick="recuperarAtributo()">
    <script src="funciones.js"></script>
</body>

</html>

funciones.js

function recuperarAtributo() {
    let puntero = document.getElementById('enlace')
    alert(puntero.getAttribute('href'))
}

Como podemos observar, primero recuperamos una referencia al nodo elemento que queremos procesar:

    let puntero = document.getElementById('enlace')

y luego accedemos por esta referencia al método getAttribute pasando como parámetro el nombre de la propiedad que queremos recuperar:

    alert(puntero.getAttribute('href'))

Retornar