获取卷影根主机元素
获取卷影根主机元素
提问于 2014-08-16 12:00:11
在将脚本插入到元素的卷影根中时，是否有方法引用宿主元素？
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
Stack Overflow用户
回答已采纳
发布于 2014-08-16 13:06:43
我终于把这事搞清楚了。
根据规范(工作草案)，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.hostStack Overflow用户
发布于 2016-12-24 04:51:29
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25339932
复制相关文章
相似问题
腾讯云开发者
