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.

Wenn das angegebene Attribut nicht existiert, wird der zurückgegebene Wert null sein.

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

Syntax

js
getAttribute(attributeName)

Parameter

attributeName

Der Name des Attributs, dessen Wert Sie abfragen möchten.

Rückgabewert

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

Beispiele

html
<!-- example div in an HTML DOC -->
<div id="div1">Hi Champ!</div>
js
// 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 es auf einem HTML-Element in einem DOM aufgerufen wird, das als HTML-Dokument markiert ist, wandelt getAttribute() sein Argument in Kleinbuchstaben um, bevor es fortfährt.

Abrufen von Nonce-Werten

Aus Sicherheitsgründen sind CSP-Nonces aus Nicht-Skript-Quellen, wie z.B. CSS-Selektoren, und .getAttribute("nonce") Aufrufe versteckt.

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

Anstatt die Nonce vom Inhaltsattribut abzurufen, verwenden Sie die nonce Eigenschaft:

js
let nonce = script.nonce;

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch