Metoda getAttributeNode() obiektu HTML DOM Element

Definicja i użycie

getAttribute() Metoda zwraca wartość atrybutu o指定nym nazwie, jako obiekt Attr.

Alternatywa:

Użycie Metoda getAttribute() Będzie łatwiej.

Zobacz również:

Metoda setAttribute()

Metoda hasAttribute()

Metoda removeAttribute()

Metoda setAttributeNode()

Metoda removeAttributeNode()

Przykład:

Atrybuty HTML

Podręcznik:

Obiekt atrybutu HTML DOM

Wiedza: różnica między getAttribute() i getAttributeNode()

getAttribute() Metoda zwraca wartość atrybutu.

getAttributeNode() metoda zwraca Obiektu Attr, musisz użyć Atrybut value Attr aby uzyskać tę wartość.

Wynik jest ten sam.

Przykład

Przykład 1

Uzyskaj wartość węzła atrybutu class elementu <h1>:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

Spróbuj sam

Przykład 2

Uzyskaj wartość węzła atrybutu target elementu <a>:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

Spróbuj sam

Przykład 3

Uzyskaj wartość węzła atrybutu onclick elementu <button>:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

Spróbuj sam

Gramatyka

element.getAttributeNode(name)

Parametr

Parametr Opis
name Wymagane. Nazwa atrybutu.

Zwracana wartość

Typ Opis
Obiekt Obiekt Attr węzła atrybutu.
null Jeśli atrybut nie istnieje.

Opis

getAttributeNode() Metoda zwróci węzeł Attr, który reprezentuje wartość określonego atrybutu. Uwaga, można również uzyskać ten węzeł Attr za pomocą atrybutu attributes, który dziedziczy z interfejsu Node.

Obsługa przeglądarek

element.getAttributeNode() To jest funkcja DOM Level 1 (1998).

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

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