保留Shadow Dom主機內容

Question

我正在DOM元素/主機上創建ShadowDom。通過使用select屬性，我可以保留仍然可見的相應主機childElement，但是主機內部的文本childNode未被選中，並且其中保留的不可見。

除了在childElements上使用select屬性之外，還可以保留ShadowDom主機的內容嗎？

這裏是我的代碼：

<div id="element"> 
     <div class="first">This will be displayed</div> 
     This text node will be not displayed...and I want to 
</div> 

<template id="template"> 

     <div style="color: red;"> 
     <content select=".first"></content> 
     </div> 

</template> 

http://jsfiddle.net/JgfKz/2/

Answer 1

我知道了。如果有人需要這樣的：

var element = document.querySelector('#element'); 
var root1 = element.webkitCreateShadowRoot(); 
root1.innerHTML = '<div>Root extra ShadowDom content</div><content></content>'; 

簡單多了，然後我想： http://jsfiddle.net/JgfKz/4/