16 lines
497 B
HTML
16 lines
497 B
HTML
<!doctype html>
|
|
<template id="tmpl">
|
|
<div style="display: table">
|
|
Some text
|
|
<span style="display: table-cell">something</span>
|
|
More text
|
|
</div>
|
|
</template>
|
|
<div id="host"></div>
|
|
<script>
|
|
let shadowRoot = document.getElementById("host").attachShadow({mode: 'open'});
|
|
let tmpl = document.getElementById("tmpl");
|
|
shadowRoot.appendChild(document.importNode(tmpl.content, true));
|
|
document.body.offsetTop;
|
|
shadowRoot.firstElementChild.querySelector("span").remove();
|
|
</script>
|