Przykład
Dowiedzieć się, ile przypisuje <button> elementu mają:
var x = document.getElementById("myBtn").attributes.length;Wynikiem X mogą być:
2 Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość atrybuty zwraca kolekcję atrybutów określonego węzła, w postaci obiektu NamedNodeMap.
Węzły mogą być dostępne za pomocą numerów indeksów, a indeks zaczyna się od 0.
Wskazówka: indeksowanie numeryczne jest przydatna do przechodzenia przez wszystkie atrybuty elementu za: Można używać length właściwość obiektu NamedNodeMap określić liczbę atrybutów, a następnie można Pętla przez wszystkie atrybuty węzłów i wyodrębnić informacje, które chcesz.
Wskazówka: atrybuty HTML są węzły atrybutów, wszystkie właściwości i metody dostępne dla Atrybut obiektu.
Wsparcie przeglądarka
| Nieruchomość | |||||
|---|---|---|---|---|---|
| attributes | tak | tak | tak | tak | tak |
Uwaga: W programie Internet Explorer 8 i wcześniej, właściwość atrybuty powróci zbiór wszystkich możliwych atrybutów dla danego elementu.
Składnia
node .attributes
Szczegóły techniczne
| Zwracana wartość: | Obiekt NamedNodeMap, stanowiących zbiór atrybutów węźle |
|---|---|
| DOM Version | Rdzeń poziomu obiektu 1 Węzeł |
Więcej przykładów
Przykład
Uzyskaj nazwę <button> sekundę elementu (index 1) atrybut:
var x = document.getElementById("myBtn").attributes[1].name;Wynikiem X mogą być:
onclick Spróbuj sam " Przykład
Dowiedzieć się, ile przypisze <img> elementu mają:
var x = document.getElementById("myImg").attributes.length;Wynikiem X mogą być:
5 Spróbuj sam " Przykład
Pętli wszystkich atrybutach <img> elementu oraz nazwę i wartość każdego atrybutu na wyjściu:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} Spróbuj sam "