277995-1.html (1123B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <script type="text/javascript" language="javascript"> 5 function doMore(data) { 6 while(data.hasChildNodes()) 7 data.firstChild.remove(); 8 for (var i = 0; i < 10; i++) { 9 append(data); 10 } 11 } 12 13 function append(data) { 14 var row = document.createElement("div"); 15 row.setAttribute("class", "row"); 16 17 var cell = document.createElement("span"); 18 cell.appendChild(document.createTextNode("More Data")); 19 cell.setAttribute("class", "cell"); 20 row.appendChild(cell); 21 data.appendChild(row); 22 } 23 24 function doTest() { 25 for (var i = 0; i < 10; ++i) { 26 document.body.offsetWidth; 27 doMore(document.getElementById('data')); 28 } 29 document.documentElement.className = ''; 30 } 31 </script> 32 <style> 33 .table { 34 display: table; 35 } 36 .row { 37 display: table-row; 38 39 } 40 .cell { 41 display: table-cell; 42 } 43 </style> 44 </head> 45 <body onload="doTest()"> 46 <table> 47 <tr> 48 <td> 49 <div id="data" class="table"> 50 </div> 51 </td> 52 </tr> 53 </table> 54 </body> 55 </html>