Identificar los atributos de una etiqueta HTML

[julruiz]

Hola a todos....

Necesito identificar dentro de una etiqueta HTML los atributos que esta manejando.

Por ejemplo: <a href="## alt="vinculo">

Entonces obtener los atributos como sigue:

href="#"
alt="vinculo"

[braulito]

Puedes hacerlo con DOM
Primero tienes que nombrar la etiqueta de a que quieres sacar sus atributos, yo le nombre como 'foo'. La etiqueta A no tiene el atributo alt, pero si tiene el atributo title:

Código HTML:

<a href="#" id="foo" title="Titulo">Enlace</a> 

Código:

<script type="text/javascript">
	foo = document.getElementById('foo');  //Obtienes la etiqueta
	alert(foo.href); // el enlace
	alert(foo.title); //el título
	alert(foo.text); //el texto del enlace
</script>

[caricatos]

Hola:

Tal como dice braulito (¡Hola !) se necesita del DOM (Document Object Model ... o algo así)

Hay por cada etiqueta un atributo especial que se llama attributes. Es un array con todos los atributos (creo que explorer muestra todos los atributos aunque no estén definidos).

Otra forma de obtener los atributos (definidos o no) es hacer un bucle "asociativo" del elemento:

<a href="destino.html" name="enlace" id="enlace">...

var tagA = document.getElementById("enlace");
listado = "listado de atributos:<br />";
for (atributo in tagA)
listado += "atributo: " + atributo + " = '" + tagA[atributo] + "'<br 7>";

document.body.innerHTML += listado;

Tengo un par de páginas que pueden servir de referencia: http://www.pepemolina.com/DOM/destripador.html y http://www.pepemolina.com/DOM/

Saludos