Attr: name-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte name-Eigenschaft der Attr-Schnittstelle gibt den qualifizierten Namen eines Attributs zurück, also den Namen des Attributs mit dem Namensraum-Präfix, falls vorhanden, davor. Zum Beispiel, wenn der lokale Name lang und das Namensraum-Präfix xml ist, lautet der zurückgegebene qualifizierte Name xml:lang.
Der qualifizierte Name ist immer in Kleinbuchstaben, unabhängig davon, welche Schreibweise bei der Attributerstellung verwendet wurde.
Wert
Ein String, der den qualifizierten Namen des Attributs darstellt.
Beispiel
Das folgende Beispiel zeigt den qualifizierten Namen des ersten Attributs der beiden ersten Elemente an, wenn wir auf den entsprechenden Button klicken.
HTML
<svg xml:lang="en-US" class="struct" height="1" width="1">Click me</svg>
<label xml:lang="en-US" class="struct"></label>
<p>
<button>Show value for <svg></button>
<button>Show value for <label></button>
</p>
<p>
Qualified name of the attribute <code>xml:lang</code>:
<output id="result">None.</output>
</p>
JavaScript
const elements = document.querySelectorAll(".struct");
const buttons = document.querySelectorAll("button");
const outputEl = document.querySelector("#result");
let i = 0;
for (const button of buttons) {
const element = elements[i];
button.addEventListener("click", () => {
const attribute = element.attributes[0];
outputEl.value = attribute.name;
});
i++;
}
Spezifikationen
| Spezifikation |
|---|
| DOM # dom-attr-name |
Browser-Kompatibilität
Siehe auch
- Die Eigenschaften
Attr.localName, die den lokalen Teil des qualifizierten Namens des Attributs zurückgeben, undAttr.prefix, das Namensraum-Präfix. - Die
Element.tagName()-Eigenschaft, die den qualifizierten Namen einesElementzurückgibt.