Contar enlaces de una pagina

bryan846 · #1 (**permalink**) 14/07/2011, 02:34

el código de mi script es este y se supone que debe de contar los enlaces pero sale 0?, que puede ser??

var enlaces=document.get
ElementsByTagName("a");
alert("Numero total de enlaces "+enlaces.length)

;

javislim · #2 (**permalink**) 14/07/2011, 03:26

Guíate por este pequeño ejemplo:
Mi consejo q recojas primero el elemento padre.

<a href=”/”>Probando</a>
<div id=”iddeejemplo”>
<a href=”http://tu.com”>tu</a>
<a href=”http://yo.com”>yo</a>
<a href=”http://el.es”>el</a>
</div>
<script type=”text/javascript”>
// primero cojes el elemento id “iddeejemplo”
var el = document.getElementById(“links”);

// Cojemos ahora todos los elementos con tag A dentro de el
var as = el.getElementsByTagName(“A”);

IsaBelM · #3 (**permalink**) 14/07/2011, 04:57

puedes usar esto

Cita:

alert(document.body.getElementsByTagName('a').length);

bryan846 · #4 (**permalink**) 14/07/2011, 14:08

Cita:

Iniciado por javislim

Guíate por este pequeño ejemplo:
Mi consejo q recojas primero el elemento padre.

<a href=”/”>Probando</a>
<div id=”iddeejemplo”>
<a href=”http://tu.com”>tu</a>
<a href=”http://yo.com”>yo</a>
<a href=”http://el.es”>el</a>
</div>
<script type=”text/javascript”>
// primero cojes el elemento id “iddeejemplo”
var el = document.getElementById(“links”);

// Cojemos ahora todos los elementos con tag A dentro de el
var as = el.getElementsByTagName(“A”);

Javi el script no me corre, ni siquiera... wow que puede ser, pero gracias igual

bryan846 · #5 (**permalink**) 14/07/2011, 14:09

Cita:

Iniciado por IsaBelM

puedes usar esto

Buen codigo, pero sigue poniendo 0, estoy usando google crome si sirve de algo

bryan846 · #6 (**permalink**) 14/07/2011, 14:27

Este codigo funciona al 100

<html>
<head>
</head>
<body>
<ul>
<li><a href="bing.com">bing</a></li>
<li><a href="google.com">google</a></li>
<li><a href="baidu.com">#!$#!_¬¬</a></li>
</ul>
<script type="text/javascript">
var enlaces = document.getElementsByTagName("a" ).length;
alert("Numero total de enlaces: " + enlaces);
</script>
</body>
</html>

ZoroRoronoa · #7 (**permalink**) 14/07/2011, 14:29

-Creamos una funcion.

Código Javascript:

Ver originalfunction misEnlaces() {
var enlaces=document.getElementsByTagName("a");
alert("Numero total de enlaces "+enlaces.length);
}

y en el <body> colocamos el evento "onLoad".

Código HTML:

Ver original<body onload="misEnlaces()">

Saludos.

P.D: Tu codigo anterior funciono, por que haz puesto el script hasta el ultimo, pero no siempre funcionara, ya que si tu pagina es muy pesada, puede cargarse el script antes que se hayan cargado todos los enlaces ("a"), es mejor usar el evento "onload"

No afecto en nada el hecho que hayas puesto al momento de obtener el DOM el atributo length, la realidad es que el scritp se ejecuta al ultimo y como tu codigo es corto, se carga tan rapido, que cuando llega al script, ya estan cargados los enlaces y puede leerlos :)

Saludos.

bryan846 · #8 (**permalink**) 15/07/2011, 14:34

Cita:

Iniciado por ZoroRoronoa

-Creamos una funcion.

Código Javascript:

Ver originalfunction misEnlaces() {
var enlaces=document.getElementsByTagName("a");
alert("Numero total de enlaces "+enlaces.length);
}

y en el <body> colocamos el evento "onLoad".

Código HTML:

Ver original<body onload="misEnlaces()">

Saludos.

P.D: Tu codigo anterior funciono, por que haz puesto el script hasta el ultimo, pero no siempre funcionara, ya que si tu pagina es muy pesada, puede cargarse el script antes que se hayan cargado todos los enlaces ("a"), es mejor usar el evento "onload"

No afecto en nada el hecho que hayas puesto al momento de obtener el DOM el atributo length, la realidad es que el scritp se ejecuta al ultimo y como tu codigo es corto, se carga tan rapido, que cuando llega al script, ya estan cargados los enlaces y puede leerlos :)

Saludos.

Excelente respuesta, no conocía el
onload ya que apenas empiezo, gracias la respuesta mas completa