Element: getAttribute() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die getAttribute() Methode des Element-Interfaces gibt den Wert eines angegebenen Attributs des Elements zurück.

Falls das angegebene Attribut nicht existiert, wird der Wert null zurückgegeben.

Wenn Sie die Eigenschaften des Attr-Nodes untersuchen müssen, können Sie stattdessen die getAttributeNode()-Methode verwenden.

Syntax

getAttribute(attributeName)

Parameter

attributeName: Der Name des Attributs, dessen Wert Sie abrufen möchten.

Rückgabewert

Ein String, der den Wert von attributeName enthält, falls das Attribut existiert, andernfalls null.

Beispiele

html

<!-- example div in an HTML DOC -->
<div id="div1">Hi Champ!</div>

// in a console
const div1 = document.getElementById("div1");
//=> <div id="div1">Hi Champ!</div>

const exampleAttr = div1.getAttribute("id");
//=> "div1"

const align = div1.getAttribute("align");
//=> null

Beschreibung

Kleinschreibung

Wenn getAttribute() bei einem HTML-Element in einem DOM, das als HTML-Dokument gekennzeichnet ist, aufgerufen wird, wandelt es sein Argument vor der Weiterverarbeitung in Kleinschreibung um.

Abrufen von Nonce-Werten

Aus Sicherheitsgründen werden CSP Nonces aus Nicht-Skript-Quellen, wie CSS-Selektoren, und .getAttribute("nonce") Aufrufe verborgen.

let nonce = script.getAttribute("nonce");
// returns empty string

Statt die Nonce aus dem content-Attribut abzurufen, verwenden Sie die nonce-Eigenschaft:

let nonce = script.nonce;

Spezifikationen

Specification
DOM # ref-for-dom-element-getattribute①