Ejemplo
Averiguar el número de enlaces que hay en el documento:
var x = document.links.length;
El resultado de x será:
5
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La colección de enlaces devuelve una colección de todos los enlaces en el documento.
Los enlaces en la colección representa <a> elementos y / o <area> elementos con un atributo href.
Nota: Si el elemento no se encuentra el href atributo, no se devuelve nada.
Note: Los elementos de la colección están ordenados como aparecen en el código fuente.
Consejo: También mirar el objeto de anclaje y el objeto Área .
Soporte del navegador
Colección | |||||
---|---|---|---|---|---|
links | Sí | Sí | Sí | Sí | Sí |
Sintaxis
document.links
propiedades
Propiedad | Descripción |
---|---|
length | Devuelve el número de <a> y / o <area> elementos de la colección. Nota: Esta propiedad es de sólo lectura |
métodos
Método | Descripción |
---|---|
[ index ] | Devuelve el <a> y / o <area> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
item( index ) | Devuelve el <a> y / o <area> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
namedItem( id ) | Devuelve el <a> y / o <area> elemento de la colección con el id especificado. Nota: Devuelve un valor nulo si el identificador no existe |
Detalles técnicos
DOM Versión: | Nivel básico Objeto Documento 1 |
---|---|
Valor de retorno: | Un Objeto HTMLCollection, que representa a todos <a> elementos y / o <area> elementos en el documento. Los elementos de la colección están ordenados como aparecen en el código fuente |
Más ejemplos
Ejemplo
[Índice]
Obtener la URL de la primera articulación (index 0) en el documento:
var x = document.links[0].href;
El resultado de x será:
http://www.w3ii.com/jsref/sun.htm
Inténtalo tú mismo " Ejemplo
item( index )
Obtener la URL de la primera articulación (index 0) en el documento:
var x = document.links.item(0).href;
El resultado de x será:
http://www.w3ii.com/jsref/sun.htm
Inténtalo tú mismo " Ejemplo
namedItem( id )
Obtener la URL del elemento con id = "MyLink" en el documento:
var x = document.links.namedItem("myLink").href;
El resultado de x será:
http://www.w3ii.com/html/default.html
Inténtalo tú mismo " Ejemplo
Añadir un borde rojo al primer enlace en el documento:
document.links[0].style.border = "5px solid red";
Inténtalo tú mismo " Ejemplo
Bucle a través de todos los enlaces en el documento, y la salida de la URL (href) de cada enlace:
var x = document.links;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].href + "<br>";
}
El resultado de txt será:
http://www.w3ii.com/jsref/sun.htm
http://www.w3ii.com/jsref/mercur.htm
http://www.w3ii.com/jsref/venus.htm
http://www.w3ii.com/html/default.html
http://www.w3ii.com/css/default.html
Inténtalo tú mismo " Páginas relacionadas
JavaScript referencia: HTML DOM marcador de objeto
JavaScript referencia: HTML DOM Área de objetos
Tutorial de HTML: Enlaces HTML
Referencia HTML: HTML <a> etiqueta
Referencia HTML: HTML <area> etiqueta
<Document Object