Przykład
Zmiany treści HTML pierwszego <li> elementu (index 0) na liście:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Przed zmianą tekst:
- Coffee
- Tea
Po zmianie tekst:
- Milk
- Tea
Spróbuj sam " Definicja i Wykorzystanie
getElementsByTagName() Metoda zwraca kolekcję od An Elements męska elementów podrzędnych o określonej nazwie znacznika, jako obiekt NodeList.
Przedmiotem NodeList reprezentuje zbiór węzłów. Węzły mogą być dostępne za pomocą numerów indeksowych. Indeks zaczyna się od 0.
Wskazówka: Można użyć length właściwość obiektu NodeList aby określić liczbę węzłów potomnych o podanej nazwie znacznika, można pętli wszystkich węzłów i wyodrębnić informacje, które chcesz.
Wskazówka: ParameterValue "*" zwraca wszystkie elementy podrzędne elementu.
Wsparcie przeglądarka
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
metoda | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1,0 | 6.0 | 3.0 | 3.0 | 9.5 |
Składnia
element .getElementsByTagName( tagname )
wartości parametrów
Parametr | Rodzaj | Opis |
---|---|---|
tagname | String | Wymagany. Zmienna z elementów podrzędnych chcesz dostać |
Szczegóły techniczne
DOM Version | Poziom Rdzeń 1 elementu obiektu |
---|---|
Zwracana wartość: | Obiekt NodeList, stanowiących zbiór elementów podrzędnych elementu jest z określonej zmiennej. Elementy w zwróconym kolekcji są klasyfikowane jako wydają w kodzie źródłowym. |
Więcej przykładów
Przykład
Dowiedzieć się, ile <p> elementy są wewnątrz <div> elementu (za pomocą właściwości length obiektu NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Wynikiem X będzie:
3
Spróbuj sam " Przykład
Zmienić kolor tła drugiej <p> elementu (index 1) wewnątrz <div> element:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor
= "red";
Spróbuj sam " Przykład
Zmienić kolor tła wszystkich <p> elementów wewnątrz <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";
}
Spróbuj sam " Przykład
Zmienić kolor tła czwartego elementu (index 3) wewnątrz <div> element:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Spróbuj sam " Przykład
Korzystanie z "*" parametr.
Zmienić kolor tła wszystkich elementów wewnątrz <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";
}
Spróbuj sam " Podobne strony
JavaScript referencyjny: dokument. getElementsByTagName()
JavaScript Tutorial: Lista JavaScript HTML DOM Node