HTML DOM NodeList item() -menetelmä

Määrittely ja käyttö

item() Tämä menetelmä palauttaa NodeList -solmun määritetystä indeksistä.

On kaksi tapaa saavuttaa määritettyyn indeksiin sijoittuva solmu:

list.item(index)

tai

list[index]

Yleisin ja yksinkertaisin tapa on [index]。

Esimerkki

Esimerkki 1

Hanki <body> -elementin lapsisolmut:

const nodeList = document.body.childNodes;

Kokeile itse

Esimerkki 2

Hanki ensimmäisen lapsisolmun solmunimi:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Kokeile itse

Esimerkki 3

Tämä esimerkki tuottaa saman tuloksen:

const list = document.body.childNodes;
let name = list[0].nodeName;

Kokeile itse

Esimerkki 4

Hanki dokumentista ensimmäisen <p> -elementin HTML-sisältö:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Kokeile itse

Esimerkki 5

Hanki "myDIV" -elementin ensimmäisen <p> -elementin HTML-sisältö:

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Kokeile itse

Esimerkki 6

Muuta "myDIV" -elementin ensimmäisen <p> -elementin HTML-sisältöä:

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Kokeile itse

Esimerkki 7

Muuta class="child" kaikkien elementtien väri:

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Kokeile itse

Syntaksi

nodelist.item(index)

tai lyhennettynä:

nodelist[index]

Parametri

Parametri Kuvaus
index

Välttämätön. Luettelossa olevien solmujen indeksi (alaviiva).

Solmut järjestetään niiden ilmestyysjärjestyksen mukaan dokumentissa.

Indeksointi alkaa 0:sta.

Palautusarvo

Tyyppi Kuvaus
Objekti Määritä indeksin sijainnissa oleva solmu.
null Jos indeksi on ulkopuolella kantaa.

Selaimen tuki

nodelist.item() on DOM Level 1 (1998) -ominaisuus.

Kaikki nykyaikaiset selaimet tukevat sitä:

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

Liittyvät sivut

length-ominaisuus

entries() -menetelmä

forEach() -menetelmä

keys() -menetelmä

values() -menetelmä

NodeList-objekti

childNodes() -menetelmä

querySelectorAll() -menetelmä

getElementsByName() -menetelmä