HTML DOM Document links 属性

定义和用法

links 属性返回文档中所有链接的集合。

links ominaisuus palauttaa HTMLCollection.

links ominaisuus on lukuun ottamatta muokattavaa.

kokoelman linkit edustavat <a> ja <area> -elementtejä, joilla on href-ominaisuus.

katso myös:

HTML DOM Anchor-objekti

HTML DOM Alue-objekti

HTML <a>-tagi

HTML <area>-tagi

HTML-linkit

HTMLCollection

HTMLCollection on HTML-elementtien taulukon kaltainen kokoelma (lista).

voidaan tutustua kokoelman elementteihin indeksin avulla (alkaen indeksistä 0).

length ominaisuus palauttaa kokoelman elementtien määrän.

esimerkki

esimerkki 1

palauttaa dokumentin linkkien määrän:

let numb = document.links.length;

kokeile itse

esimerkki 2

hanki ensimmäisen linkin URL dokumentista:

let url = document.links[0].href;

kokeile itse

esimerkki 3

hanki ensimmäisen linkin URL dokumentista:

let url = document.links.item(0).href;

kokeile itse

esimerkki 4

hanki id="myLink" -elementin URL:

let url = document.links.namedItem("myLink").href;

kokeile itse

esimerkki 5

lisää ensimmäiselle linkille punainen reuna:

document.links[0].style.border = "5px solid red";

kokeile itse

esimerkki 6

käy läpi kaikki linkit ja tulosta jokaisen linkin URL (href):

const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
  text += links[i].href + "<br>";
}

kokeile itse

syntaksi

document.links

ominaisuus

ominaisuus kuvaus
length kokoelmaelementtien määrä.

menetelmä

menetelmä kuvaus
[index]

palauttaa määritellyn indeksin elementin (alkaen indeksistä 0).

jos indeksi on liian suuri, palauttaa null.
item(index)

palauttaa määritellyn indeksin elementin (alkaen indeksistä 0).

jos indeksi on liian suuri, palauttaa null.
namedItem(id)

palauttaa määritellyn id elementtiä.

jos id ei ole olemassa, palauttaa null.

palautusarvo

tyyppi kuvaus
objekti

HTMLCollection-objekti.

Kaikki dokumentin <a> ja <area> -elementit.

lajitellaan niiden järjestyksessä, jossa ne ilmestyvät alkuperäisessä koodissa.

Selaimen tuki

document.links on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
tuki 9-11 tuki tuki tuki tuki