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 |