Attr.ownerElement
値
この属性が所属する要素 (Element
)、またはこの属性が要素に結びついていない場合は null
です。
例
次の例では、適切なボタンをクリックすると、 2 つの最初の要素の要素の修飾名が表示されます。
HTML コンテンツ
<svg xml:lang="en-US" class="struct" height="1" width="1">Click me</svg>
<label xml:lang="en-US" class="struct"></label>
<button>Click me for <svg>…</button>
<button>Click me for <label>…</button>
<br><br>
Qualified name of the owner element of the attribute <code>xml:lang</code>: <output id="result"><i>None.</i></output>
JavaScript コンテンツ
const elements = document.getElementsByClassName("struct");
const buttons = document.getElementsByTagName("button");
const result = document.querySelector("#result");
function handleEvent(element) {
return function(e) {
attribute = element.attributes[0];
result.value = attribute.ownerElement.tagName.toLowerCase();
}
}
let i=0;
for (let button of buttons) {
button.addEventListener('click', handleEvent(elements[i]));
i++;
}
結果
仕様書
Specification |
---|
DOM Standard # dom-attr-ownerelement |
ブラウザーの互換性
BCD tables only load in the browser