在Chrome 37中不能使用Shadow DOM？

Question

不知道爲什麼我似乎無法使用陰影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/但這對我不起作用？關於：//我看到會禁用shadow DOM的標誌沒有任何意義。 caniuse說我可以在Chrome 37中使用它。

任何想法？

Answer 1

createShadowRoot在Chrome中不再以供應商爲前綴。 Demo

如果你還是要支持供應商前綴變種（安卓4.x版，舊版Chrome）：

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

Demo