The read-only ownerElement
property of the Attr
interface returns the Element
the attribute belongs to.
The read-only ownerElement
property of the Attr
interface returns the Element
the attribute belongs to.
The Element
the attribute belongs to, or null
if the attribute is not linked to an element.
The following example displays the qualified name of the element of the two first elements, when we click on the appropriate button.
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>
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++; }
Specification |
---|
DOM Standard # dom-attr-ownerelement |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
ownerElement |
1 | 12 | 1 | 8 | ≤12.1 | 1 | 4.4 | 18 | 4 | ≤12.1 | 1 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Attr/ownerElement