append-to-nested-split-inline-1.html (1239B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title> 5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> 6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/> 8 <meta name="flags" content="dom" /> 9 <style> 10 #outermost { border: 2px solid; } 11 #outer { border: 4px solid yellow; } 12 #inner { border: 6px sold green; } 13 </style> 14 <script> 15 function doTest() { 16 var i = document.getElementById("inner"); 17 var frag = document.createDocumentFragment(); 18 var newSpan = document.createElement("span"); 19 newSpan.appendChild(document.createTextNode("span")); 20 newSpan.style.display = "block"; 21 frag.appendChild(newSpan); 22 frag.appendChild(document.createTextNode("after span")); 23 i.appendChild(frag); 24 } 25 </script> 26 </head> 27 <body onload="doTest()"> 28 <span id="outermost"> 29 <span id="outer"> 30 <span id="inner"> 31 <span style="display: block"></span> 32 before span 33 </span> 34 </span> 35 </span> 36 </body> 37 </html>