Question

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

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

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

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

有什么想法吗？

Answer 1

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

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

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

Demo

无法在Chrome 37中使用Shadow DOM？

1 个答案: