The Tor Browser / file comparison
comparison: layout/reftests/webcomponents/fallback-content-1.html
layout/reftests/webcomponents/fallback-content-1.html
- changeset 2
- 7e26c7da4463
equal
deleted
inserted
replaced
| -1:000000000000 | 0:f32deed4109c |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script> | |
| 5 function tweak() { | |
| 6 // div with style "border: 10px solid green" | |
| 7 var shadowDiv = document.createElement("div"); | |
| 8 shadowDiv.style.border = "10px solid green"; | |
| 9 | |
| 10 // Insertion point will match nothing and use fallback content. | |
| 11 var insertionPoint = document.createElement("content"); | |
| 12 shadowDiv.appendChild(insertionPoint); | |
| 13 | |
| 14 // Append three nodes as children to use as fallback content. | |
| 15 insertionPoint.innerHTML = '<span style="background-color: orange">Hello</span> <span style="background-color: green">World</span>'; | |
| 16 | |
| 17 var shadowRoot = document.getElementById('outer').createShadowRoot(); | |
| 18 shadowRoot.appendChild(shadowDiv); | |
| 19 } | |
| 20 </script> | |
| 21 </head> | |
| 22 <body onload="tweak()"> | |
| 23 <div id="outer"></div> | |
| 24 </body> | |
| 25 </html> |
