Javascript 获取阴影根主机元素

在将脚本插入元素的阴影根时，是否有方法引用宿主元素

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

var-element=document.createElement（'div'）；
var script=document.createElement（'script'）；
script.innerHTML='console.log（host）'；// 我终于弄明白了

根据规范（工作草案），
ShadowRoot
具有名为
host
的只读属性。

您可以通过沿着DOM树走到阴影根

while(e.nodeType != 11) { // 11 = DOCUMENT_FRAGMENT_NODE
    e = e.parentNode;
}
var hostElement = e.host

在我的例子中，它更简单，因为影子根是脚本本身的父节点

document.currentScript.parentNode.host

于2016年推出

您现在可以像这样访问主机元素：

element.getRootNode().host

“您可以通过遍历DOM树来访问阴影根。”，而不是使用Node.getRootNode（）。见下面的答案。
element.getRootNode().host