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