Los últimos tutoriales de desarrollo web
 

HTML DOM une Colección

<Document Object

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

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

Ejemplos

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