javascript - 获取影子根宿主元素

标签 javascript html google-chrome shadow-dom

将脚本插入元素的影子根时,有没有办法引用宿主元素?

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/

最佳答案

Node.getRootNode()于 2016 年推出。

您现在可以像这样访问宿主元素:

element.getRootNode().host

关于javascript - 获取影子根宿主元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25339932/

相关文章:

javascript - 带标签的 Chrome 扩展

google-chrome - 如何在窗口中启动 Chrome 托管应用程序?

javascript - React.js - 导航路线时控制台中出现错误

javascript - 将一个子元素居中,同时将其他子元素保持在原处。

javascript - 类似jQuery函数来转换温度;但其中一个不起作用

css - 输出 Div 标签 CSS 样式不起作用

google-chrome - 语法错误 : missing = in const declaration Firefox 50

javascript - 从数组内的数组获取数据未按预期工作

javascript - 获取当前脚本标签的父节点

javascript - 在 Next.js 中为导航链接添加事件类