HTML DOM getElementsByTagName() Method

<Element Object

Exemplu

Modificarea conținutului HTML al primului <li> elementul (index 0) într - o listă:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

Înainte de a schimba textul:

Coffee
Tea

După modificarea textului:

Milk
Tea

Încearcă - l singur »

Definiție și utilizare

getElementsByTagName() Metoda returnează o colecție de elemente copil un elemente cu numele tag - ul specificat, ca un obiect NodeList.

Obiectul NodeList reprezintă o colecție de noduri. Nodurile pot fi accesate prin numere de index. Indicele începe la 0.

Indicație: Puteți utiliza lungimea proprietatea obiectului NodeList pentru a determina numărul de noduri copil cu numele tag - ul specificat, atunci puteți bucla prin toate nodurile și extrage informațiile pe care le doriți.

Sfat: parametervalue "*" se întoarce toate elementele copilului elementului.

Suport pentru browser-

Numerele din tabel specifică prima versiune de browser care acceptă pe deplin metoda.

Metodă
getElementsByTagName()	1.0	6	3.0	3.0	9.5

Sintaxă

element .getElementsByTagName( tagname )

Valorile parametrilor

Parametru	Tip	Descriere
tagname	String	Necesar. Tagname elementelor de copii pe care doriți să obțineți

Detalii tehnice

DOM Versiunea	Nivelul de bază 1 Element Obiect
Întoarcere Valoare:	Un obiect NodeList, ceea ce reprezintă o colecție de elemente copil elementului cu tagname specificat. Elementele din colecția returnate sunt sortate așa cum apar în codul sursă.

Mai multe exemple

Exemplu

Aflați câte <p> elemente există în interiorul unui <div> elementul (folosind proprietatea de lungime a obiectului NodeList):

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

Rezultatul x va fi:

Încearcă - l singur »

Exemplu

Modificarea culorii de fundal a doua <p> elementul (index 1) în interiorul unui <div> Element:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

Încearcă - l singur »

Exemplu

Schimbarea culorii de fundal a tuturor <p> elemente din interiorul unui <div> Element:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Încearcă - l singur »

Exemplu

Modificarea culorii de fond a patrulea element (index 3) în interiorul unui <div> Element:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";

Încearcă - l singur »

Exemplu

Folosind "*" parametru.

Schimbarea culorii de fundal a tuturor elementelor din interiorul unui <div> Element:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Încearcă - l singur »