|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <script language="javascript"> |
|
5 function toggleRow(rowId) |
|
6 { |
|
7 var r = document.getElementById(rowId); |
|
8 if (r.style.display == "none") |
|
9 r.style.display = "inline"; |
|
10 else |
|
11 r.style.display = "none"; |
|
12 } |
|
13 |
|
14 function doTest() { |
|
15 toggleRow('row4'); |
|
16 document.body.offsetWidth; |
|
17 toggleRow('row4'); |
|
18 document.body.offsetWidth; |
|
19 toggleRow('row4'); |
|
20 document.body.offsetWidth; |
|
21 toggleRow('row4'); |
|
22 document.body.offsetWidth; |
|
23 toggleRow('row4'); |
|
24 document.body.offsetWidth; |
|
25 toggleRow('row4'); |
|
26 document.body.offsetWidth; |
|
27 toggleRow('row4'); |
|
28 document.body.offsetWidth; |
|
29 toggleRow('row4'); |
|
30 document.body.offsetWidth; |
|
31 toggleRow('row4'); |
|
32 } |
|
33 </script> |
|
34 </head> |
|
35 <body onload="doTest()"> |
|
36 <table border="5"> |
|
37 <tr> |
|
38 <td>Row 1</td> |
|
39 </tr> |
|
40 <tr> |
|
41 <td>Row 2</td> |
|
42 </tr> |
|
43 <tr> |
|
44 <td>Row 3</td> |
|
45 </tr> |
|
46 <tr id="row4" style="display: none"> |
|
47 <td>Row 4</td> |
|
48 </tr> |
|
49 </table> |
|
50 </body> |
|
51 </html> |