HTML DOM NodeList method item()

Makadaro na Matumizi

item() Njia hii inatuma mabaki kwa kufikiria namba ya kina kwenye NodeList.

Kuna njia mbili za kupata mabaki kwa kufikiria namba ya kina:

list.item(index)

au

list[index]

Njia rahisi na zaidi ya kawaida ni [index]。

Mfano

Mfano 1

Kutumia mawili ya <body> kama mabaki:

const nodeList = document.body.childNodes;

Tafuta tena

Mfano 2

Kutumia jina la mwenzi wa kwanza wa mawili:

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

Tafuta tena

Mfano 3

Matokezo huu ni huzushi:

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

Tafuta tena

Mfano 4

Kutumia kikoa cha kwanza cha <p> katika HTML ya wasoma:

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

Tafuta tena

Mfano 5

Pata maadili ya kwanza ya <p> katika "myDIV":

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

Tafuta tena

Mfano 6

Badilisha maadili ya kwanza ya <p> katika "myDIV":

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

Tafuta tena

Mfano 7

Badilisha rangi ya wote wa class="child":

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

Tafuta tena

Inasababisha

nodelist.item(index)

au inafaa kuwa kama:

nodelist[index]

Kwa ajili ya

Kwa ajili ya Kuelewa
index

Inahitajika. Indeksi ya mwingine katika orodha ya tinga.

Tinga zinaoridheshwa kulingana na uwezo wao wa kufikia katika hatua ya uharibifu.

Indeksi inabidiiwa kuanza kutoka kwa 0.

Matokeo wa kumwambia

Aina Kuelewa
Mwongozo Inaonyesha mwingine kwenye kiwango cha indeksi kilichotumika.
bila maadili Kama indeksi ilihatarisha eneo la ukubwa.

Matokeo wa vifaa vya kufikia

nodelist.item() ni matokeo wa Dom Level 1 (1998).

Wote wa vifaa vya kifaa vya kufikia hivi karibuni vinadukia hivi:

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

Makampuni ya mawasiliano

Mwili wa ukubwa

Method ya entries()

Method ya forEach()

Method ya keys()

Method ya values()

Tinga ya NodeList

Method ya childNodes()

Method ya querySelectorAll()

Method ya getElementsByName()