attachShadow 与 createShadowRoot

Question

我在 mozilla 文档中阅读过，Element.createShadowRoot() 已弃用：

此方法已被弃用，取而代之的是 attachShadow。

但在我的金丝雀中：chrome 49.0.2599.0

那就行了：

 var shadow = document.getElementById("node-sh").createShadowRoot();  

那不行

 var shadow = document.getElementById("node-sh").attachShadow({mode: 'closed'});

有人知道什么是正确的吗？

Answer 1

createShadowRoot() 是将 shadow-root 附加到宿主元素的旧方法。它是在最初的规范中提出的，后来被弃用，取而代之的是 attachShadow。 规范也一直是updated。

但是，新的 API 尚未标准化，目前没有浏览器支持它。所以我建议现在坚持createShadowRoot。一旦您开始收到关于弃用的浏览器警告，就该转至 attachShadow。