539880-1-dynamic.html (1976B)
1 <html> 2 <body> 3 4 <table cellpadding="10"> 5 <tr> 6 <th>0</th> 7 <td><table cellpadding="4" border="7"><tr><td>border="0"</td></tr></table></td> 8 <td><table cellpadding="4" border="7"><tr><td>border="0px"</td></tr></table></td> 9 <td><table cellpadding="4" border="7"><tr><td>border="0em"</td></tr></table></td> 10 </tr> 11 <tr> 12 <th>1</th> 13 <td><table cellpadding="4" border="0"><tr><td>border="1"</td></tr></table></td> 14 <td><table cellpadding="4" border="0"><tr><td>border="1px"</td></tr></table></td> 15 <td><table cellpadding="4" border="0"><tr><td>border="1em"</td></tr></table></td> 16 </tr> 17 <tr> 18 <th>2</th> 19 <td><table cellpadding="4" border="3em"><tr><td>border="2"</td></tr></table></td> 20 <td><table cellpadding="4" border="3em"><tr><td>border="2px"</td></tr></table></td> 21 <td><table cellpadding="4" border="3em"><tr><td>border="2em"</td></tr></table></td> 22 </tr> 23 <tr> 24 <th>3</th> 25 <td><table cellpadding="4" border="0em"><tr><td>border="3"</td></tr></table></td> 26 <td><table cellpadding="4" border="0em"><tr><td>border="3px"</td></tr></table></td> 27 <td><table cellpadding="4" border="0em"><tr><td>border="3em"</td></tr></table></td> 28 </tr> 29 <tr> 30 <th>10</th> 31 <td><table cellpadding="4" border="0foo"><tr><td>border="10"</td></tr></table></td> 32 <td><table cellpadding="4" border="0foo"><tr><td>border="10px"</td></tr></table></td> 33 <td><table cellpadding="4" border="0foo"><tr><td>border="10em"</td></tr></table></td> 34 </tr> 35 </table> 36 37 <script> 38 39 var tables = document.getElementsByTagName("table"); 40 var values = [ null, "0", "0px", "0em", "1", "1px", "1em", 41 "2", "2px", "2em", "3", "3px", "3em", "10", "10px", "10em" ]; 42 if (tables.length == values.length) { 43 for (var i in values) { 44 var table = tables[i]; 45 var value = values[i]; 46 if (value != null) { 47 // flush 48 getComputedStyle(table.firstChild.firstChild.firstChild, "").borderWidth; 49 50 table.setAttribute("border", value); 51 } 52 } 53 } 54 55 </script> 56 57 </body> 58 </html>