Tukio la item() kwa Kolekioni ya HTML

Ufafanuzi na matumizi

item() Metodi inaruhusiwa kueleza elementi yenye indeksi yenye uangalifu kwenye HTMLCollection.

Mfano wa elementi inasortishwa kulingana na uwanja wa kuzalika kwenye kifaa cha chakula, indeksi ya kuzalia kutoka kwa 0.

Inaweza kutumia mtindo mdogo na kuzafikia ujumbe unaofanana:

var x = document.getElementsByTagName("P")[0];

Mfano

Mfano 1

Pata maudhui wa HTML wa kwanza ya <p> wa hali ya hatua hii:

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

Jaribu tena

Mabaki ya lugha

HTMLCollection.item(index)

au:

HTMLCollection[index]

Maadili ya kufikiria

Maadili Mabaki Kuonyesha
index Number

Inayohitajika. Indeksi ya elementi inayotufanya.

Madoa:Indeksi ya kuzalia kuanza kutoka kwa 0.

Maadili ya kueleza

Mfano wa Elementinaangalia kina inayotambulika kwa indeksi yenye uangalifu.

Kama indeksi ya kina hutokea kwenye kanda, inaruhusiwa null.

Muungano wa browser

Metodi Chrome IE Firefox Safari Opera
item() Mfano Mfano Mfano Mfano Mfano

Mfano zaidi

Mfano 2

Badilisha maudhui wa HTML ya kwanza ya <p>:

document.getElementsByTagName("P").item(0).innerHTML = "Maudhui wa <p> zimebadilika";

Jaribu tena

Mfano 3

Kuagiza mawili kwa kila elementi kwenye class="myclass" na kubadilisha rangi ya mabara yao:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

Jaribu tena

Mfano 4

Pata maudhui wa HTML ya kwanza ya <p> kwenye elementi ya <div>:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

Jaribu tena

paeja za kuelewa

HTMLCollection:muungano wa length

Mifano ya HTMLmetodi ya getElementsByClassName()

Mifano ya HTMLTukio la getElementsByTagName()