[Edge]。読取専用。→、、
Attrが属する要素を Element で返します。
| Attr | Attr。 |
|---|
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]: //…