Форум

_Eldar_ · #1 (**permalink**) 28.02.2015, 16:57

помогите, правильно с 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'>&nbsp;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>

_Eldar_ · #2 (**permalink**) 28.02.2015, 17:01

document.getElementById("table1").table.tbody.tr.t d.style.color='#8A2BE2'; - так тоже не получается

рони · #3 (**permalink**) 28.02.2015, 17:09

_Eldar_,
цикл по нужным ячейкам

рони · #4 (**permalink**) 28.02.2015, 17:15

_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'>&nbsp;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>

_Eldar_ · #5 (**permalink**) 28.02.2015, 17:24

спасибо

Форум

Справочник

Discord чат

Курсы javascript