| <head> |
| <style type="text/css"> |
| table { |
| border-collapse: collapse; |
| border: 8px solid; |
| margin: 10px 0 10px 0; |
| } |
| </style> |
| <script src="resources/repaint.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| function repaintTest() |
| { |
| document.getElementById('t').style.borderColor = 'green'; |
| document.getElementById('r').removeChild(document.getElementById('d')); |
| document.getElementById('r2').removeChild(document.getElementById('d2')); |
| document.getElementById('d3').innerHTML = 'ipsum dolor'; |
| } |
| </script> |
| </head> |
| <body onload="runRepaintTest();"> |
| <table id="t"> |
| <tr> |
| <td> |
| </td> |
| <td>Lorem |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td>ipsum dolor |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td>sit amet |
| </td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td> |
| </td> |
| <td>Lorem |
| </td> |
| </tr> |
| <tr id="r"> |
| <td> |
| </td> |
| <td id="d">ipsum dolor |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td>sit amet |
| </td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td> |
| </td> |
| <td>Lorem ipsum |
| </td> |
| </tr> |
| <tr id="r2"> |
| <td> |
| </td> |
| <td id="d2">dolor |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td>sit amet |
| </td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td> |
| </td> |
| <td>Lorem |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td id="d3"> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td>sit amet |
| </td> |
| </tr> |
| </table> |
| </body> |
