<!DOCTYPE html> | |
<p>A mixed case of a shadow element and content element.</p> | |
<form> | |
<output id="host">hoge</output> | |
<input id="submit" type="submit" value="Submit"> | |
</form> | |
<script> | |
var host = document.getElementById('host'); | |
var shadowRoot = host.createShadowRoot(); | |
shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></shadow></div>" | |
</script> |