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 der Element Schnittstelle gibt den Wert eines angegebenen Attributs des Elements zurück.
Wenn das angegebene Attribut nicht existiert, wird der Wert null zurückgegeben.
Wenn Sie die Eigenschaften des Attr Knotens inspizieren müssen, können Sie stattdessen die getAttributeNode() Methode verwenden.
Syntax
getAttribute(attributeName)
Parameter
attributeName-
Der Name des Attributs, dessen Wert Sie erhalten möchten.
Rückgabewert
Ein String, der den Wert von attributeName enthält, wenn das Attribut existiert, andernfalls null.
Beispiele
<!-- example div in an HTML DOC -->
<div id="div1">Hi Champ!</div>
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() auf einem HTML-Element in einem DOM aufgerufen wird, das als HTML-Dokument markiert ist, wird das Argument in Kleinschreibung umgewandelt, bevor fortgefahren wird.
Abrufen von Nonce-Werten
Aus Sicherheitsgründen werden CSP-Nonces von Nicht-Skript-Quellen, wie CSS-Selektoren, und .getAttribute("nonce")-Aufrufen verborgen.
let nonce = script.getAttribute("nonce");
// returns empty string
Statt den Nonce aus dem Content-Attribut abzurufen, verwenden Sie die nonce Eigenschaft:
let nonce = script.nonce;
Spezifikationen
| Specification |
|---|
| DOM # ref-for-dom-element-getattribute① |