Atrybuty elementu HTML DOM
Przykłady
Ile atrybutów ma element <img>:
let numb = document.getElementById("myImg").attributes.length;
Wyświetl wszystkie atrybuty elementu <img>:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
Więcej przykładów poniżej.
Definicja i użycie
Właściwość attributes
zwraca kolekcję atrybutów w elemencie.
Właściwość attributes
zwraca NamedNodeMap.
NamedNodeMap
NamedNodeMap to podobna do tablicy kolekcja (lista) obiektów Attr (atrybutów).
NamedNodeMap ma właściwość length , która zwraca liczbę atrybutów na liście.
Dostęp do atrybutów można uzyskać za pomocą numerów indeksu. Indeks zaczyna się od 0.
Zobacz też:
Składnia
node.attributes
Wartość zwrotu
Rodzaj | Opis |
NamedNodeMap | Kolekcja obiektów atrybutów. |
Więcej przykładów
Ile atrybutów ma element <button>:
let numb = document.getElementById("myButton").attributes.length;
Pobierz nazwę drugiego atrybutu elementu <button> (indeks 1):
let attr = document.getElementById("myBtn").attributes[1].name;
Obsługa przeglądarki
element.attributes
jest funkcją DOM Level 1 (1998).
Jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |