block-non-sibling-3a-dyn.html (716B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #a { 6 background-color: green; 7 margin-bottom: 10px; 8 } 9 #a div { 10 display: none; 11 height: 20px; 12 margin-bottom: 20px; 13 } 14 #b { 15 background-color: green; 16 margin-top: 40px; 17 } 18 #b div { 19 display: none; 20 height: 20px; 21 margin-top: 80px; 22 } 23 </style> 24 <script type="text/javascript"> 25 function test() { 26 document.getElementsByTagName('div')[1].style.display = 'block'; 27 document.getElementsByTagName('div')[3].style.display = 'block'; 28 document.documentElement.removeAttribute('class'); 29 } 30 document.addEventListener('MozReftestInvalidate', test); 31 </script> 32 </head> 33 <body> 34 <div id="a"> 35 <div></div> 36 </div> 37 <div id="b"> 38 <div></div> 39 </div> 40 </body> 41 </html>