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
# ref-for-dom-element-getattribute①

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
getAttribute

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch