Podczas wkładania skryptu do korzenia cienia elementu jest sposób na odniesienie do elementu hosta?
var element = document.createElement('div');
var script = document.createElement('script');
script.innerHTML = 'console.log(host)'; // << How to get host element??
var shadow = element.createShadowRoot();
shadow.appendChild(script);
document.body.appendChild(element);
20
Bart
16 sierpień 2014, 16:00
2 odpowiedzi
Najlepsza odpowiedź
Otrzymałem to w końcu.
Zgodnie z specyfikacją (robocze robocze) ShadowRoot
ma właściwość tylko do odczytu host
. http://www.w3.org/tr/shadow-dom/#shadowoot-object9/a. >.
interface ShadowRoot : DocumentFragment {
...
readonly attribute Element host;
...
};
Możesz dostać się do korzenia cienia, chodząc drzewo Dom.
while(e.nodeType != 11) { // 11 = DOCUMENT_FRAGMENT_NODE
e = e.parentNode;
}
var hostElement = e.host
W moim przypadku było prostsze, ponieważ root cienia był węzłem macierzystym samego skryptu.
document.currentScript.parentNode.host
http://jsfiddle.net/9B1VYU4N/2/
20
Bart
16 sierpień 2014, 13:18
Node.getRootNode()
został wprowadzony w 2016 roku.
Możesz teraz uzyskać dostęp do elementu hosta, tak jak:
element.getRootNode().host
20
darrylyeo
24 grudzień 2016, 04:51