Пытаюсь динамически добавлять/удалять ячейуи из таблицы.
Проблема в том, что при указании DOCTYPE XHTML 1.0 Strict в Опере на месте удаляемой ячейки остается мусор (как будто она становится нулевой ширины, но с бордюрами.
В ИЕ все работает. В Опере, если убрать DOCTYPE тоже
document.all.length честно уменьшается на 1. Снимал DOM Snapshot (есть в Опере такая тулза) тоже все ОК. Похоже на откровенный баг. Может кто знает как обойти?
Вот код страницы
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.
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Test</title>
<script type="text/javascript">
function addSect() {
var trHdr = document.getElementById("test");
var td = document.createElement("td");
trHdr.appendChild(td);
}
function delSect() {
var trHdr = document.getElementById("test");
var lastIdx = trHdr.cells.length - 1 ;
var td = trHdr.cells(lastIdx);
trHdr.removeChild(td);
}
</script>
</head>
<body>
<table border="1" width="100%">
<tr id="test">
<td>
Test
</td>
</tr>
</table>
<button onclick="addSect()">Add</button>
<button onclick="delSect()">Del</button>
</body>
</html>
С уважением, Vasilisk
