Подтвердить что ты не робот

Получить элемент корня теневого корня

При вставке script в теневой корень элемента есть способ ссылаться на элемент хоста?

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);

http://jsfiddle.net/9b1vyu4n/

Ответ 1

Я понял это, наконец, понял.

В соответствии со спецификацией (рабочий проект) a 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

В моем случае это было проще, поскольку теневой корень был родительским node самого script.

document.currentScript.parentNode.host

http://jsfiddle.net/9b1vyu4n/2/

Ответ 2

Node.getRootNode() был введен в 2016 году.

Теперь вы можете получить доступ к элементу узла:

element.getRootNode().host