[英]Preserving Shadow Dom host content
我正在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>
我知道了。 如果有人需要此:
var element = document.querySelector('#element');
var root1 = element.webkitCreateShadowRoot();
root1.innerHTML = '<div>Root extra ShadowDom content</div><content></content>';
比我想的要简单得多: http : //jsfiddle.net/JgfKz/4/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.