如何看待shadow DOM

xiao白丶 发布于 2016/05/24 19:03
阅读 71
收藏 0
<body> 
<div class="widget">Hello, world!</div>
<script>
 var host = document.querySelector('.widget'); 
var root = host.createShadowRoot(); 
var header = document.createElement('h1'); 
header.textContent = '一只野生的影子标题出现了!'; 
var paragraph = document.createElement('p'); 
paragraph.textContent = '一些影子文本也探头探脑滴冒了出来…'; 
root.appendChild(header); root.appendChild(paragraph); 
</script> 
</body>
加载中
0
bigtk
bigtk
你可以简单认为每一个节点都有属于自己的树
返回顶部
顶部