DOM

Attr.ownerElement プロパティ

 編集:2022.10.31 by T.A.

[Edge]。読取専用。→

Attrが属する要素を Element で返します。

構文
Attr.ownerElement
Attr Attr

Element

mdnより

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++;
}

HTML:

<SPAN id=IdTest lang="ja">SPAN要素</SPAN>

JavaScript:

D=IdTest.attributes[0];  //=[object]:[object Attr]
	//namespaceURI=[object]:null
	//prefix=[object]:null
	//localName=[string]:id
	//name=[string]:id
	//value=[string]:IdTest
	//…
DA=D.ownerElement;  //=[object]:[object HTMLSpanElement]
	//title=[string]:
	//lang=[string]:ja
	//translate=[boolean]:true
	//dir=[string]:
	//…

attributes


テスト