Attr: namespaceURI-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 namespaceURI-Eigenschaft des Attr-Interfaces gibt den Namespace-URI des Attributs zurück oder null, wenn das Element nicht in einem Namespace ist.

Der Namespace-URI wird bei der Erstellung des Attr festgelegt und kann nicht geändert werden. Ein Attribut mit einem Namespace kann mit Element.setAttributeNS() erstellt werden.

Hinweis: Ein Attribut erbt seinen Namespace nicht von dem Element, an das es angehängt ist. Wenn ein Attribut nicht explizit einen Namespace erhält, hat es keinen Namespace.

Der Browser behandelt oder erzwingt die Namespace-Validierung nicht von sich aus. Es liegt in der Verantwortung der JavaScript-Anwendung, die erforderliche Validierung durchzuführen. Beachten Sie auch, dass das Namespace-Präfix, sobald es einem bestimmten Attributknoten zugeordnet ist, nicht geändert werden kann.

Wert

Ein String, der den URI des Namensraums enthält, oder null, wenn das Attribut nicht in einem Namespace ist.

Beispiel

Das folgende Beispiel zeigt die Ergebnisse für ein präfixiertes Attribut im Fall eines HTML-Elements und eines SVG-Elements. Da HTML keine Namensräume behandelt, wird in diesem Fall immer null zurückgegeben. Im Fall des SVG-Elements wird der URI des XML-Namensraums, http://www.w3.org/XML/1998/namespace, zurückgegeben.

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>
  Namespace URI 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.namespaceURI;
  });
  i++;
}

Spezifikationen

Specification
DOM Standard
# dom-attr-namespaceuri

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch