insertmultiplemultiple-1.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <html class="reftest-wait">
  2. <head>
  3. <script>
  4. function boom()
  5. {
  6. document.body.offsetHeight;
  7. var sixdiv = document.getElementById("six");
  8. var parent = sixdiv.parentNode;
  9. for (var i = 3; i <= 5; i++) {
  10. var newdiv = document.createElement("div");
  11. newdiv.appendChild(document.createTextNode(i));
  12. parent.insertBefore(newdiv, sixdiv);
  13. }
  14. var elevendiv = document.getElementById("eleven");
  15. parent = elevendiv.parentNode;
  16. for (var i = 8; i <= 10; i++) {
  17. var newdiv = document.createElement("div");
  18. newdiv.appendChild(document.createTextNode(i));
  19. parent.insertBefore(newdiv, elevendiv);
  20. }
  21. var lastdiv = document.getElementById("last");
  22. parent = lastdiv.parentNode;
  23. for (var i = 13; i <= 14; i++) {
  24. var newdiv = document.createElement("div");
  25. newdiv.appendChild(document.createTextNode(i));
  26. parent.insertBefore(newdiv, lastdiv);
  27. }
  28. document.body.offsetHeight;
  29. document.documentElement.className = "";
  30. }
  31. </script>
  32. </head>
  33. <body onload="boom();">
  34. <div>1</div>
  35. <div>2</div>
  36. <div id="six">6</div>
  37. <div>7</div>
  38. <div id="eleven">11</div>
  39. <div>12</div>
  40. <div id="last">15</div>
  41. </body>
  42. </html>