Attr: ownerElement-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 ownerElement-Eigenschaft des Attr-Interfaces gibt das Element zurück, zu dem das Attribut gehört.
Wert
Das Element, zu dem das Attribut gehört, oder null, wenn das Attribut mit keinem Element verknüpft ist.
Beispiel
Das folgende Beispiel zeigt den qualifizierten Namen des Elements der ersten beiden 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 <svg></button>
<button>Show value for <label></button>
</p>
<p>
Qualified name of the owner element 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.ownerElement.tagName.toLowerCase();
});
i++;
}
Spezifikationen
| Spezifikation |
|---|
| DOM # dom-attr-ownerelement |