DiegetAttributeNames()-Methode derElement-Schnittstelle gibt die Attributnamen des Elements als einArray von Zeichenfolgen zurück. Wenn das Element keine Attribute hat, wird ein leeres Array zurückgegeben.

Das Verwenden vongetAttributeNames() zusammen mitgetAttribute() ist eine speichereffiziente und leistungsfähige Alternative zum Zugriff aufElement.attributes.

Die vongetAttributeNames() zurückgegebenen Namen sindqualifizierte Attributnamen. Das bedeutet, dass Attribute mit einem Namespace-Präfix mit diesem Namespace-Präfix zurückgegeben werden (nicht der tatsächliche Namespace), gefolgt von einem Doppelpunkt und dann dem Attributnamen (zum Beispielxlink:href), während Attribute ohne Namespace-Präfix unverändert zurückgegeben werden (zum Beispielhref).

Syntax

getAttributeNames()

Parameter

Keine.

Rückgabewert

Ein (Array) von Zeichenfolgen.

Beispiele

Das folgende Beispiel zeigt:

• Für ein Attribut, das ein Namespace-Präfix hat, gibtgetAttributeNames() dieses Namespace-Präfix zusammen mit dem Attributnamen zurück.
• Für ein Attribut, das kein Namespace-Präfix hat, gibtgetAttributeNames() nur den Attributnamen unverändert zurück.

Es ist wichtig zu verstehen, dass:

1. Ein Attribut im DOM mit einem Namespace vorhanden sein kann, aber ohne ein Namespace-Präfix.
2. Für ein Attribut im DOM, das einen Namespace hat, aber kein Namespace-Präfix, wirdgetAttributeNames() nur den Attributnamen zurückgeben, ohne Hinweis darauf, dass das Attribut in einem Namespace ist.

Das folgende Beispiel enthält einen solchen Fall "mit Namespace, aber ohne Namespace-Präfix".

const element = document.createElement("a");// set "href" attribute with no namespace and no namespace prefixelement.setAttribute("href", "https://example.com");// set "href" attribute with namespace and also "xlink" namespace prefixelement.setAttributeNS(  "http://www.w3.org/1999/xlink",  "xlink:href",  "https://example.com",);// set "show" attribute with namespace but no namespace prefixelement.setAttributeNS("http://www.w3.org/1999/xlink", "show", "new");// Iterate over element's attributesfor (const name of element.getAttributeNames()) {  const value = element.getAttribute(name);  console.log(name, value);}// logs:// href https://example.com// xlink:href https://example.com// show new

Spezifikationen

Browser-Kompatibilität