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.

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

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

js
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