HTML DOM Element getAttribute() Methode

Definitie en gebruik

getAttribute() De methode retourneert de waarde van de elementeigenschap.

Zie ook:

setAttribute() Methode

removeAttribute() Methode

hasAttribute() methode

hasAttributes() methode

createAttribute() methode

getAttributeNode() methode

setAttributeNode() methode

removeAttributeNode() methode

Tutorial:

HTML Attributes

Voorbeeld

Voorbeeld 1

Haal de waarde van de class-eigenschap van het element op:

let text = element.getAttribute("class");

Probeer het zelf

Voorbeeld 2

Haal de waarde van de target-eigenschap van het <a>-element op:

let text = myAnchor.getAttribute("target");

Probeer het zelf

Voorbeeld 3

Haal de waarde van de onclick-eigenschap van het <button>-element op:

let text = myButton.getAttribute("onclick");

Probeer het zelf

Syntax

element.getAttribute(name)

Parameters

Parameters Beschrijving
name Verplicht. De naam van de eigenschap.

Retourwaarde

Type Beschrijving
String De waarde van de eigenschap.
null Als de eigenschap niet bestaat.

Technische details

Het HTMLElement-object definieert JavaScript-eigenschappen die overeenkomen met elke standaard HTML-eigenschap, dus u hoeft deze methode alleen te gebruiken samen met een HTML-document om de waarde van niet-standaard eigenschappen op te halen.

In XML-documenten kunnen de waarde van eigenschappen niet direct als elementeigenschappen worden opgehaald, maar moeten worden opgehaald door het aanroepen van de methode. Voor XML-documenten met namenspaces moet worden gebruikt getAttributeNS() methode.

Browserondersteuning

element.getAttribute Is een DOM Level 1 (1998) kenmerk.

Alle browsers ondersteunen het volledig:

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