Files
palemoon27/testing/web-platform/tests/shadow-dom/shadow-trees/hosting-multiple-shadow-trees-006.html
T

24 lines
1003 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Shadow DOM Test - Content and shadow elements are both inserted.</title>
<link rel="match" href="hosting-multiple-shadow-trees-006-ref.html">
<link rel="author" title="Hiroyuki Hayashi" href="mailto:hyshhryk@gmail.com">
<link rel="help" href="http://www.w3.org/TR/shadow-dom/#multiple-shadow-trees">
<script src="../testcommon.js"></script>
<meta name="assert" content="The <content> element assigns the original tree and the <shadow> element assigns an older shadow tree. They are both in the youngest shadow tree.">
</head>
<body>
<div id='host'>
<p>Original tree's node</p>
</div>
<script>
var shadowRoot = host.createShadowRoot();
shadowRoot.innerHTML = "<div><p>1st shadow tree's node</p></div>";
var shadowRoot = host.createShadowRoot();
shadowRoot.innerHTML = "<div><p>2nd shadow tree's node</p><content></content><shadow></shadow></div>";
</script>
</body>
</html>