изменить фон столбцов (стили ячеек таблицы)
помогите, правильно с javascript поменять стиль цвет в td столбцах, а то что-то у меня не получается
<span id="table1"><table border="">
<caption align="top"><b>Matrix</b></caption>
<tbody><tr align="center">
<th>4x4</th><th>0</th><th>1</th>
</tr>
<tr align="center">
<th>0</th><td bgcolor="#ffffdd">1.5705</td><td bgcolor="#ffffdd">2.0777</td>
</tr> <tr align="center">
<th>1</th><td bgcolor="#ffffdd">5.0777</td><td bgcolor="#ffffdd">6.789</td>
</tr>
</tbody></table>
</span>
<br><a href='javascript:void(0)' onclick='ChangeStyle();return false'> sdfasfd</a>
<script>function ChangeStyle() { table1.table.tbody.tr.td.style.backgroundColor = '#8A2BE2';};
document.body.table1.table.tbody.tr.td.backgroundColor= '#8A2BE2';
document.getElementById('table1').table.tbody.tr.td.style.backgroundColor='#8A2BE2';
</script>
|
document.getElementById("table1").table.tbody.tr.t d.style.color='#8A2BE2'; - так тоже не получается :(
|
_Eldar_,
цикл по нужным ячейкам |
_Eldar_,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<span id="table1"><table border="">
<caption align="top"><b>Matrix</b></caption>
<tbody><tr align="center">
<th>4x4</th><th>0</th><th>1</th>
</tr>
<tr align="center">
<th>0</th><td bgcolor="#ffffdd">1.5705</td><td bgcolor="#ffffdd">2.0777</td>
</tr> <tr align="center">
<th>1</th><td bgcolor="#ffffdd">5.0777</td><td bgcolor="#ffffdd">6.789</td>
</tr>
</tbody></table>
</span>
<br><a href='javascript:void(0)' onclick='ChangeStyle();return false'> sdfasfd</a>
<script>function ChangeStyle() {
var td = document.querySelectorAll('#table1 td') ;
for (var i=0; i<td.length; i++) {td[i].style.backgroundColor = '#8A2BE2'}
};
</script>
</body>
</html>
|
спасибо :)
|
| Часовой пояс GMT +3, время: 08:28. |