Metoda HTML DOM getElementsByClassName ()

Przykłady

Modyfikowanie klasy list = "przykład" w class = "dziecko" z pierwszej pozycji (wartość indeksu 0) tekstu:

Lista var = document.getElementsByClassName ( "przykład" ) [0];
list.getElementsByClassName ( "dziecko") [0 ] .innerHTML = "mleko";

Modyfikacja tekstu przed:

kawa
herbata

Po modyfikacji tekstu:

mleko
herbata

Spróbuj »

Definicje i zastosowanie

Metoda getElementsByClassName () zwraca wszystkie elementy w dokumencie podać nazwę klasy kolekcji, jako przedmiot NodeList.

NodeList obiekt reprezentuje kolejność listy węzłów. NodeList obiektów możemy otworzyć listę węzłów (numer indeksu zaczynając od 0) listę węzłów numeru indeksu węzła.

Wskazówka: Można użyć obiektu NodeList za length właściwość, aby określić liczbę elementów przez nazwę klasy, a poszczególne elementy cyklu dostać elementy potrzebne.

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji metody.

sposób
getElementsByClassName ()	4,0	9,0	3,0	3,1	9,5

gramatyka

Element .getElementsByClassName (classname)

parametr Wartość

parametry	typ	opis
classname	sznur	Koniecznością. Element klasy trzeba uzyskać nazwę. Wiele nazw klasy oddzielone przestrzenie, takie jak "test demo".

Opis techniczny

DOM wersja:	Poziom podstawowy 1 Element obiektu
Zwracana wartość:	Obiekt NodeList który reprezentuje element określa nazwę klasy kolekcji. Kolejność elementów w kolekcji jego sortowane w kolejności występowania w kodzie.

Więcej przykładów

Przykłady

Modyfikuj element <div> W drugim class = "dziecko" elementów kolor tła:

var x = document.getElementById ( "myDiv" );
x.getElementsByClassName ( "dziecko") [1 ] .style.backgroundColor = "red";

Spróbuj »

Przykłady

Patrz <div> liczby elementów class = "dziecko" (z wykorzystaniem NodeList właściwość length) są następujące:

var x = document.getElementById ( "myDiv" ) .getElementsByClassName ( "dziecko") .length;

x Wyjście jest:

Spróbuj »

Przykłady

Modyfikacja class = "przyklad" elementy w pierwszej klasie zwanej kolor tła "dziecko" i "Kolor" Element:

var x = document.getElementsByClassName ( "przykład" ) [1];
x.getElementsByClassName ( "Kolor dziecko") [ 0] .style.backgroundColor = "red";

Spróbuj »

Przykłady

Modyfikuj element <div> class = "dziecko" wszystkich elementów kolor tła:

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

Spróbuj »