Attr: namespaceURI-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 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 von Attr festgelegt und kann nicht geändert werden. Ein Attribut mit einem Namespace kann unter Verwendung von Element.setAttributeNS() erstellt werden.
Hinweis: Ein Attribut übernimmt nicht den Namespace des Elements, an das es gebunden ist. Wenn einem Attribut kein Namespace explizit zugewiesen wird, hat es keinen Namespace.
Der Browser handhabt 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-Prefix, sobald es einem bestimmten Attributknoten zugeordnet ist, nicht geändert werden kann.
Wert
Ein String, der den URI des Namespaces enthält, oder null, wenn das Attribut nicht in einem Namespace ist.
Beispiel
Das folgende Beispiel zeigt das Ergebnis für ein Attribut mit Präfix auf einem HTML-Element und auf einem SVG-Element. Da HTML keine Namespaces handhabt, wird in diesem Fall immer null zurückgegeben. Im Fall des SVG-Elements wird der URI des XML-Namespaces http://www.w3.org/XML/1998/namespace zurückgegeben.
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>
Namespace URI 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.namespaceURI;
});
i++;
}
Spezifikationen
| Spezifikation |
|---|
| DOM # dom-attr-namespaceuri |
Browser-Kompatibilität
Siehe auch
- Die Eigenschaften
Attr.name, die den qualifizierten Namen des Attributs zurückgibt,Attr.localName, den lokalen Teil des Namens, undAttr.prefix, das Namespace-Prefix. - Die
Element.namespaceURI-Eigenschaft, die dieser hier entspricht, jedoch für einElement. - Die Methode
Element.setAttributeNS(), die ein Attribut mit einem angegebenen Namespace erstellt.