2014-09-30 1 views
1

Не уверен, почему я не могу использовать тень DOM. Я нахожусь в Chrome 37, и я пробовал использовать пару теневых учебников DOM или демо, и никто из них не работает?Нельзя использовать Shadow DOM в Chrome 37?

<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/, но это тоже не работает для меня? В этом нет ничего: // флаги, которые, как я вижу, отключили бы теневую DOM. caniuse говорит, что я могу использовать его в Chrome 37.

Любые идеи?

ответ

2

createShadowRoot больше не является префиксом поставщика в Chrome. Demo

В случае, если вы все еще хотите поддержать вендора приставкой вариант (Android 4.x, старый хром):

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

Demo

+0

Ах d'ах! Благодаря! – Xander

+0

Нет проблем. ': D' –

Смежные вопросы