checkbox-dynamic-1.html (855B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 #checkbox { 6 position: absolute; 7 left: 0px; 8 top: 0px; 9 background: linear-gradient(to right, white, brown); 10 } 11 #toremove { 12 position: absolute; 13 left: 0px; 14 top: 0px; 15 width: 100px; 16 height: 0px; 17 background: black; 18 } 19 </style> 20 </head> 21 <body> 22 <div id="checkbox"> 23 <input type="checkbox"> 24 </div> 25 <div id="toremove"> 26 </div> 27 </body> 28 <script type="text/javascript"> 29 var checkBox = document.getElementById("checkbox"); 30 var toRemove = document.getElementById("toremove"); 31 toRemove.style.height = checkBox.offsetHeight / 2 + 0.2 + "px"; 32 function boom() 33 { 34 toRemove.remove(); 35 document.documentElement.className = ""; 36 } 37 window.addEventListener("MozReftestInvalidate", boom); 38 </script> 39 </html>