событие onclick и выделение элементов таблицы

[Eser]

PHP

Цикл:
{
<tr  id='$row[id]' onclick=change_color(\"$row[id]\")>
<td>Название</td> 
}

Javascript

function change_color(value)
{
document.getElementById(value).style.backgroundColor='red';
}

Подскажите как скидывать ранее выбранные элементы без перезагрузки страницы. Что б в один момент времени был выделен только один элемент? В упор не понимаю за что зацепится.

[Deff]

Eser,
Цветовыделение делаем css(ом) по классу

<style>
td.active {
 .background-color:#red;
}
</style>


<td class="active" ...

При клике - удаляем все классы active с элементов таблы и добавляем к текущему кликнутому

[Eser]

Не могли бы показать кусок кода:"удаляем все классы active"
А можно ли document.getElementsByTagName('tr').style.backgrou ndColor=''; вот так?
Т.е при запуске функции у всех tr убираем цвет и ставим у одного:
document.getElementById(value).style.backgroundCol or='red';

[Deff]

Eser,
Обходите в цикле все ячейки таблы по тегу td и removeAttribute('class')

[Eser]

Переделал все на использование классов.
removeAttribute не работает, в чем моя ошибка?

function change_color(value)
{
var table = document.getElementById('Table');
var trList= table.getElementsByTagName('tr');
for (var i=0;i<trList.length;i++)
{
document.getElementById(trList[i]).removeAttribute('class');
} 

}

[Deff]

function change_color(value)
{
var table = document.getElementById('Table');
var trList= table.getElementsByTagName('tr');
for (var i=0;i<trList.length;i++)
{
  trList[i].removeAttribute('class');
} 

}

[Eser]

Все большое спасибо.
Получилось как через классы так и через style.backgroundColor='';

[Deff]

Eser,
Прост css при многострочной таблице - быстрее