19 - 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.
pagina1.html

<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<a id="enlace" href="http://www.google.com.ar">Google.</a><br>
<input type="button" value="Recuperar atributo href" onClick="recuperarAtributo()">
<br>
</body>
</html>
funciones.js
function recuperarAtributo()
{
  var puntero=document.getElementById('enlace');
  alert(puntero.getAttribute('href'));
}
Como podemos observar, primero recuperamos una referencia al nodo elemento que queremos procesar:
  var 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'));