block-sibling-1a-dyn.html 574 B

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <style type="text/css">
  5. #sibling1 {
  6. height: 20px;
  7. background-color: green;
  8. margin-bottom: 10px;
  9. }
  10. #sibling2 {
  11. display: none;
  12. height: 20px;
  13. background-color: green;
  14. margin-top: 20px;
  15. }
  16. </style>
  17. <script type="text/javascript">
  18. function test() {
  19. document.getElementById('sibling2').style.display = 'block';
  20. document.documentElement.removeAttribute('class');
  21. }
  22. document.addEventListener('MozReftestInvalidate', test, false);
  23. </script>
  24. </head>
  25. <body>
  26. <div id="sibling1"></div>
  27. <div id="sibling2"></div>
  28. </body>
  29. </html>