blob: f6f60b24d74090f90a7a30f03a9ee8b17ffca862 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
<html>
<head>
<title>Add/remove "display: none" to table elements (bug 3702)</title>
<style type="text/css">
.navbar{display: none;}
</style>
</head>
<body onLoad="javascript:document.styleSheets[0].deleteRule(0);">
<p>Rows should have different number of columns, but those should match.</p>
<table cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 725px;">
<thead>
<tr>
<td class="navbar" style="background-color: LawnGreen;">1</td>
<td style="background-color: Green;">1+</td>
<td class="navbar" style="background-color: Cyan;">2</td>
<td style="background-color: DarkCyan;">2+</td>
<td class="navbar" style="background-color: Yellow;">3</td>
<td style="background-color: Gold;">3+</td>
</tr>
</thead>
<tfoot>
<tr>
<td class="navbar" style="background-color: LawnGreen;">1</td>
<td style="background-color: Green;">1+</td>
<td class="navbar" style="background-color: Cyan;">2</td>
<td style="background-color: DarkCyan;">2+</td>
<td class="navbar" style="background-color: Yellow;">3</td>
<td style="background-color: Gold;">3+</td>
<td class="navbar" style="background-color: Orange;">4</td>
<td style="background-color: DarkOrange;">4+</td>
</tr>
</tfoot>
<tbody>
<tr valign="top">
<td> </td>
</tr>
<tr>
<td class="navbar" style="background-color: LawnGreen;">1</td>
<td style="background-color: Green;">1+</td>
<td class="navbar" style="background-color: Cyan;">2</td>
<td style="background-color: DarkCyan;">2+</td>
</tr>
<tr valign="top">
<td> </td>
</tr>
</tbody>
</table>
<button onClick="javascript:document.styleSheets[0].deleteRule(0);">show</button>
<button onClick="javascript:document.styleSheets[0].insertRule('.navbar {display: none;}', 0);">hide</button>
</body>
</html>
|
