Element.createShadowRoot()的替代方法是什么？

Question

我正在使用这段代码:

function setShadowDOM(i, css){
    [].forEach.call(document.getElementsByTagName(i), function(hostVal) {
        var _root = hostVal.createShadowRoot();
            _root.innerHTML = '<style>:host ' + css + '</style><content></content>';
    })
}

我也读这个.

怎么解决这个？会有什么选择？

Answer 1

现在您可以使用attachShadow()而不是createShadowRoot():

• 这是实现本机的Chrome(53+),戏曲(40+),野生动物园(10+),和Firefox(63+).

• 还有一个填充工具由webcomponents.js团队:ShadyDOM.

Shadow DOM v1是DOM Living Standard.

Edge将很快采用Chromium引擎,然后它将符合Shadow DOM v1.