495385-2c.html (1132B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <!-- Test that insertions work in the presence of display:none elements that 5 separate whitespace from block boundaries --> 6 <style> 7 body > div { border:1px solid black; margin:1em; 8 font-family:sans-serif; letter-spacing:2px; } 9 em { display:none; } 10 </style> 11 <script> 12 function makeSpan(text) { 13 var e = document.createElement("span"); 14 e.textContent = text; 15 return e; 16 } 17 function loaded() { 18 document.body.offsetHeight; 19 var d1 = document.getElementById("d1"); 20 d1.insertBefore(makeSpan("Hello"), d1.firstChild); 21 var d2 = document.getElementById("d2"); 22 d2.appendChild(makeSpan("Kitty")); 23 var d3 = document.getElementById("d3"); 24 d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling); 25 var d4 = document.getElementById("d4"); 26 d4.insertBefore(makeSpan("Kitty"), d4.lastChild); 27 } 28 </script> 29 </head> 30 <body onload="loaded()"> 31 <div id="d1"><em>X</em> <span>Kitty</span></div> 32 <div id="d2"><span>Hello</span> <em>X</em></div> 33 <div id="d3"><div></div><em>X</em> <span>Kitty</span></div> 34 <div id="d4"><span>Hello</span> <em>X</em><div></div></div> 35 </body> 36 </html>