不能在 Chrome 37 中使用 Shadow DOM？答案

【问题标题】：Can't use Shadow DOM in Chrome 37?不能在 Chrome 37 中使用 Shadow DOM？
【发布时间】：2014-09-30 14:25:35
【问题描述】：

不知道为什么我似乎无法使用影子 DOM。我在 Chrome 37 中，我尝试过使用几个影子 DOM 教程或演示，但它们都不起作用？

<div>Hello, World!</div>
<script>
  var host = document.querySelector('div');
  var root = host.webkitCreateShadowRoot();
  root.textContent = 'Hello, Underworld!';
</script>

你觉得这有什么问题吗？我试过只是在浏览器和本地服务器上查看它。

还被告知要检查这个小提琴以查看 shadow DOM 的运行情况：http://jsfiddle.net/wsCsp/14/ 但这对我也不起作用？我看到的 about://flags 中没有任何内容会禁用影子 DOM。 caniuse 说我可以在 Chrome 37 中使用它。

有什么想法吗？

【问题讨论】：

标签： javascript google-chrome shadow-dom

【解决方案1】：

createShadowRoot 在 Chrome 中不再是供应商前缀。 Demo

如果您仍想支持以供应商为前缀的变体（Android 4.x，旧 Chrome）：

var root = (host.createShadowRoot || host.webkitCreateShadowRoot).call(host);

Demo

【讨论】：