Получить элемент хоста shadow root
при вставке скрипта в теневой корень элемента есть ли способ ссылаться на элемент host?
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);
2 ответов
я наконец-то понял.
согласно спецификации (рабочий проект) а ShadowRoot
имеет свойство только для чтенияhost
.
http://www.w3.org/TR/shadow-dom/#shadowroot-object
interface ShadowRoot : DocumentFragment {
...
readonly attribute Element host;
...
};
вы можете добраться до корня тени, поднявшись по дереву DOM.
while(e.nodeType != 11) { // 11 = DOCUMENT_FRAGMENT_NODE
e = e.parentNode;
}
var hostElement = e.host
в моем случае это было проще, так как теневой корень был родительским узлом скрипта себя.
document.currentScript.parentNode.host
Node.getRootNode()
был представлен в 2016 году.
теперь вы можете получить доступ к элементу host следующим образом:
element.getRootNode().host