Obiekt HTMLCollection XML DOM

Obiekt HTMLCollection

HTMLCollection to interfejs reprezentujący zbiór elementów HTML, który oferuje metody i atrybuty do przechodzenia przez listę.

Obiekt HTMLCollection w HTML DOM jest "żywy"; jeśli podstawowy dokument ulegnie zmianie, te zmiany będą natychmiast widoczne przez wszystkie obiekty HTMLCollection.

Każdy z poniższych elementów (i określone przez nie atrybuty) zwraca HTMLCollection:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

Wiele atrybutów interfejsu HTMLDocument jest obiektami HTMLCollection, co ułatwia dostęp do elementów dokumentu, takich jak formularze, obrazy i linki.form.elements i select.options są obiektami HTMLCollection. HTMLCollection również oferuje metody do przechodzenia przez Table każda linia oraz TableRow wysokowydajny sposób do obsługi komórek różnych tabel.

Jak już wspomniałem, obiekt HTMLCollection jest zborem elementów HTML z metodami, które pozwalają na uzyskanie elementów na podstawie ich pozycji w dokumencie lub ich atrybutów id i name. W JavaScriptie, obiekt HTMLCollection zachowuje się jak tylko do odczytu tablica, można używać skrótu do indeksowania obiektu HTMLCollection za pomocą numeru lub nazwy, bez potrzeby wywoływania Metoda item()i Metoda namedItem().

Obiekt HTMLCollection jest tylko do odczytu, nie można do niego dodać nowych elementów, nawet jeśli używa się składni arraya JavaScript.

Obiekt HTMLCollection i Obiekt NodeListBardzo podobne, ale pierwsza może być używana zarówno za pomocą indeksu nazwy, jak i indeksu liczbowego.

Atrybuty obiektu HTMLCollection

Atrybut Opis
cssRules Zmienna odczytowa, zwracająca liczbę całkowitą wskazującą na długość listy (tj. liczba elementów w zbiorze).

Metoda obiektu HTMLCollection

Metoda Opis
item() Zwraca element (węzeł) z kolekcji w określonej pozycji.
namedItem() Zwraca elementy (węzły) z kolekcji, które mają wartość atrybutu name lub id o określonej wartości.

Przykład

var c = document.forms;		//To jest obiekt HTMLCollection form elementu
var firstform = c[0];		//Można używać jako tablicy liczbowej
var lastform = c[c.length-1];	//Atrybut length zwraca liczbę elementów
var address = c["address"];		//Można używać jako tablicy asocjacyjnej
var address = c.address;		//JavaScript pozwala na takie oznaczenie

Strony związane

Podręcznik DOM XML:Obiekt HTMLDocument

Podręcznik DOM XML:Obiekt NodeList

Podręcznik:Podręcznik HTML DOM