Atrybuty Elementu HTML DOM

Definicja i użycie

attributes Atrybuty zwracają zbiór atrybutów znajdujących się w elemencie.

attributes Atrybuty zwracają NamedNodeMap.

NamedNodeMap

NamedNodeMap niewielką, nieuporządkowaną kolekcją atrybutów elementu, podobną do tablicy.

Innymi słowy: NamedNodeMap jest Obiekt Attr.

NamedNodeMap dostarcza listę, która może zwrócić liczbę węzłów. Atrybut length.

Można uzyskać dostęp do węzłów za pomocą nazwy lub numeru indeksu (indeksu). Indeksy zaczynają się od 0.

Zobacz również:

Atrybuty HTML DOM

Przykład

Przykład 1

Ile atrybutów ma element <img>?:

let numb = document.getElementById("myImg").attributes.length;

Spróbuj sam

Przykład 2

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;

Spróbuj sam

Przykład 3

Ile atrybutów ma element <button>?:

let numb = document.getElementById("myButton").attributes.length;

Spróbuj sam

Przykład 4

Uzyskaj nazwę drugiego (indeks 1) atrybutu elementu <button>:

let attr = document.getElementById("myBtn").attributes[1].name;

Spróbuj sam

Gramatyka

node.attributes

Zwracana wartość

Typ Opis
NamedNodeMap zbiór obiektów atrybutów.

Obsługa przeglądarki

element.attributes To jest cecha DOM Level 1 (1998).

Wszystkie przeglądarki obsługują to w pełni:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9-11 Wsparcie Wsparcie Wsparcie Wsparcie