attachShadow vs createShadowRoot

时间:2015-12-24 11:22:11

标签: shadow-dom

我在mozilla doc中读到,Element.createShadowRoot()已被弃用:

  

此方法已被弃用,支持attachShadow。

但在我的金丝雀:chrome 49.0.2599.0

多数民众赞成的工作:

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

这不起作用

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

任何人都知道什么是对的?

1 个答案:

答案 0 :(得分:14)

createShadowRoot()是将阴影根附加到主机元素的旧方法。它是在最初的规范中提出的,然后被弃用了  attachShadow。 规格也是updated

但是,新的API还没有标准化,而且 none 目前支持它的浏览器。所以我建议暂时坚持createShadowRoot。一旦您开始获得弃用的浏览器警告,那就是转移到attachShadow的时间。