Attr: name-Eigenschaft

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 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.

<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 &lt;svg&gt;</button>
  <button>Show value for &lt;label&gt;</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

Specification
DOM Standard # dom-attr-name

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Die Eigenschaften Attr.localName, die den lokalen Teil des qualifizierten Namens des Attributs zurückgeben, und Attr.prefix, das Namensraum-Präfix.
Die Element.tagName()-Eigenschaft, die den qualifizierten Namen eines Element zurückgibt.