| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <style type="text/css"> | 2 <style type="text/css"> |
| 3 table { | 3 table { |
| 4 border-collapse: collapse; | 4 border-collapse: collapse; |
| 5 border: 8px solid; | 5 border: 8px solid; |
| 6 margin: 10px 0 10px 0; | 6 margin: 10px 0 10px 0; |
| 7 } | 7 } |
| 8 </style> | 8 </style> |
| 9 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | |
| 10 <script type="text/javascript"> | |
| 11 function repaintTest() | |
| 12 { | |
| 13 document.getElementById('t').style.borderColor = 'green'; | |
| 14 document.getElementById('r').removeChild(document.getElementById('d')
); | |
| 15 document.getElementById('r2').removeChild(document.getElementById('d2
')); | |
| 16 document.getElementById('d3').innerHTML = 'ipsum dolor'; | |
| 17 } | |
| 18 </script> | |
| 19 </head> | 9 </head> |
| 20 <body onload="runRepaintTest();"> | 10 <body> |
| 21 <table id="t"> | 11 <table id="t" style="border-color: green"> |
| 22 <tr> | 12 <tr> |
| 23 <td> | 13 <td> |
| 24 </td> | 14 </td> |
| 25 <td>Lorem | 15 <td>Lorem |
| 26 </td> | 16 </td> |
| 27 </tr> | 17 </tr> |
| 28 <tr> | 18 <tr> |
| 29 <td> | 19 <td> |
| 30 </td> | 20 </td> |
| 31 <td>ipsum dolor | 21 <td>ipsum dolor |
| 32 </td> | 22 </td> |
| 33 </tr> | 23 </tr> |
| 34 <tr> | 24 <tr> |
| 35 <td> | 25 <td> |
| 36 </td> | 26 </td> |
| 37 <td>sit amet | 27 <td>sit amet |
| 38 </td> | 28 </td> |
| 39 </tr> | 29 </tr> |
| 40 </table> | 30 </table> |
| 41 <table> | 31 <table> |
| 42 <tr> | 32 <tr> |
| 43 <td> | 33 <td> |
| 44 </td> | 34 </td> |
| 45 <td>Lorem | 35 <td>Lorem |
| 46 </td> | 36 </td> |
| 47 </tr> | 37 </tr> |
| 48 <tr id="r"> | 38 <tr id="r"> |
| 49 <td> | 39 <td> |
| 50 </td> | 40 </td> |
| 51 <td id="d">ipsum dolor | |
| 52 </td> | |
| 53 </tr> | 41 </tr> |
| 54 <tr> | 42 <tr> |
| 55 <td> | 43 <td> |
| 56 </td> | 44 </td> |
| 57 <td>sit amet | 45 <td>sit amet |
| 58 </td> | 46 </td> |
| 59 </tr> | 47 </tr> |
| 60 </table> | 48 </table> |
| 61 <table> | 49 <table> |
| 62 <tr> | 50 <tr> |
| 63 <td> | 51 <td> |
| 64 </td> | 52 </td> |
| 65 <td>Lorem ipsum | 53 <td>Lorem ipsum |
| 66 </td> | 54 </td> |
| 67 </tr> | 55 </tr> |
| 68 <tr id="r2"> | 56 <tr id="r2"> |
| 69 <td> | 57 <td> |
| 70 </td> | 58 </td> |
| 71 <td id="d2">dolor | |
| 72 </td> | |
| 73 </tr> | 59 </tr> |
| 74 <tr> | 60 <tr> |
| 75 <td> | 61 <td> |
| 76 </td> | 62 </td> |
| 77 <td>sit amet | 63 <td>sit amet |
| 78 </td> | 64 </td> |
| 79 </tr> | 65 </tr> |
| 80 </table> | 66 </table> |
| 81 <table> | 67 <table> |
| 82 <tr> | 68 <tr> |
| 83 <td> | 69 <td> |
| 84 </td> | 70 </td> |
| 85 <td>Lorem | 71 <td>Lorem |
| 86 </td> | 72 </td> |
| 87 </tr> | 73 </tr> |
| 88 <tr> | 74 <tr> |
| 89 <td> | 75 <td> |
| 90 </td> | 76 </td> |
| 91 <td id="d3"> | 77 <td id="d3">ipsum dolor |
| 92 </td> | 78 </td> |
| 93 </tr> | 79 </tr> |
| 94 <tr> | 80 <tr> |
| 95 <td> | 81 <td> |
| 96 </td> | 82 </td> |
| 97 <td>sit amet | 83 <td>sit amet |
| 98 </td> | 84 </td> |
| 99 </tr> | 85 </tr> |
| 100 </table> | 86 </table> |
| 101 </body> | 87 </body> |
| OLD | NEW |