| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| #host { |
| width: 200px; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="host" tabindex=0> |
| <div> |
| <div><div>First line leads,</div></div> |
| </div> |
| </div> |
| <script> |
| var host = document.getElementById("host"); |
| var shadow1 = host.createShadowRoot(); |
| shadow1.innerHTML = "<div><shadow></shadow><div></div></div>"; |
| var shadow2 = host.createShadowRoot(); |
| shadow2.innerHTML = "<section>" |
| + "<shadow></shadow>" |
| + "<div>second line follows.</div>" |
| + "</section>"; |
| host.focus(); |
| host.blur(); |
| </script> |
| </body> |
| </html> |