block-non-sibling-3d-dyn.html 723 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <style type="text/css">
  5. #a {
  6. background-color: green;
  7. margin-bottom: 20px;
  8. }
  9. #a div {
  10. display: none;
  11. height: 20px;
  12. margin-bottom: 40px;
  13. }
  14. #b {
  15. background-color: green;
  16. margin-top: 80px;
  17. }
  18. #b div {
  19. display: none;
  20. height: 20px;
  21. margin-top: 10px;
  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, false);
  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>