archy
об одном 
придумала
(только это для броузеров, поддерживающих DOM):
Код:
<html>
<head>
<title>test</title>
<script>
<!--
function color_trs() {
var table = document.getElementById("t");
var trs = table.getElementsByTagName("tr");
var count = trs.length;
for (var i = 0; i < count; i++) {
if (Math.round(i/2) == (i/2) )
trs[i].style.backgroundColor="blue";
else
trs[i].style.backgroundColor="yellow";
}
}
// -->
</script>
</head>
<BODY onLoad="color_trs();">
<table id="t" border="5">
<tr><td>1</td><td>2</td></tr>
<tr><td>4</td><td>5</td></tr>
<tr><td>7</td><td>6</td></tr>
<tr><td>8</td><td>9</td></tr>
<tr><td>10</td><td>11</td></tr>
</table>
</body>
</html>
результат можно глянуть
тут
Добавлено:
вот та же функция, но работающая для всех таблиц документа:
Код:
function color_trs() {
var trs, trs_count, j;
// массив элементов с именем тега table
var tables = document.getElementsByTagName("table");
var tables_count = tables.length;
for (var i = 0; i < tables_count; i++) { // для каждой таблицы
// массив элементов с именем тега tr
trs = tables[i].getElementsByTagName("tr");
trs_count = 0;
trs_count = trs.length;
for (j = 0; j < trs_count; j++) { // для каждой строки
// назначаем четным и нечетным разные цвета фона
if (Math.round(j/2) == (j/2) )
trs[j].style.backgroundColor="blue";
else
trs[j].style.backgroundColor="yellow";
}
}
}
пример можно посмотреть
тут
(что-то какая-то ерунда с форматированием кода, ну да ладно - желающие могут брать его из примеров)
[s]Исправлено:
mar, 18:05 23-10-2004[/s]
