[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]: //…