table-sibling-2c-dyn.html (748B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #table1 { 6 display: table; 7 height: 20px; width: 100px; 8 background-color: green; 9 margin-bottom: 20px; 10 } 11 #table2 { 12 display: none; 13 height: 20px; width: 100px; 14 background-color: red; 15 margin-top: 20px; 16 margin-bottom: 20px; 17 } 18 #table3 { 19 display: table; 20 height: 20px; width: 100px; 21 background-color: blue; 22 margin-top: 20px; 23 } 24 </style> 25 <script type="text/javascript"> 26 function test() { 27 document.getElementById('table2').style.display = 'table'; 28 document.documentElement.removeAttribute('class'); 29 } 30 document.addEventListener('MozReftestInvalidate', test); 31 </script> 32 </head> 33 <body> 34 <div id="table1"></div> 35 <div id="table2"></div> 36 <div id="table3"></div> 37 </body> 38 </html>