shadow-dom - attachShadow 与 createShadowRoot

Question

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

This method has been deprecated in favor of 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 的时候了。 .