Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM getElementsByTagName() Method

<Element Przedmiot

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.

Przykłady

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


<Element Przedmiot