dynamic-insert-cell-1.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <title>CSS 2.1 Test Suite: anonymous table boxes</title>
  5. <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
  6. <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
  7. <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
  8. <meta name="flags" content="dom" />
  9. <script>
  10. function doTest() {
  11. var c = document.createElement("span");
  12. c.style.display = "table-cell";
  13. c.textContent = "Row 22, Col 1";
  14. var t = document.getElementById("t");
  15. t.parentNode.insertBefore(c, t);
  16. document.documentElement.className = "";
  17. }
  18. </script>
  19. </head>
  20. <body style="font-family: monospace" onload="doTest()">
  21. <span style="display:table">
  22. <span style="display: table-row-group">
  23. <span style="display: table-row">
  24. <span style="display: table-cell">Row 1, Col 1</span>
  25. <span style="display: table-cell">Row 1, Col 2</span>
  26. <span style="display: table-cell">Row 1, Col 3</span>
  27. </span>
  28. <span style="display: table-cell" id="t">Row 22, Col 2</span>
  29. <span style="display: table-cell">Row 22, Col 3</span>
  30. <span style="display: table-row">
  31. <span style="display: table-cell">Row 333, Col 1</span>
  32. <span style="display: table-cell">Row 333, Col 2</span>
  33. <span style="display: table-cell">Row 333, Col 3</span>
  34. </span>
  35. </span>
  36. </span>
  37. </body>
  38. </html>