Как применить два стиля к одной таблице, скрыть один из них и показать другой (пример)?

Question

[Евгений]

<SCRIPT type="text/javascript">
var a=0;
if (a==0) {
document.getElementsByClass('table3').style.display = "none";
}
</SCRIPT>
<STYLE>
//table3 желтая подсветка, table4 синяя

.table4 {
	-moz-box-shadow:0 0 10px #4195fc;
-webkit-box-shadow:0 0 10px #4195fc;
box-shadow:0 0 10px #4195fc;
}
.table3 {
	-moz-box-shadow:0 0 10px #ffd700;
-webkit-box-shadow:0 0 10px #ffd700;
box-shadow:0 0 10px #ffd700;
}

</STYLE>
<table border=1 class="table3 table4">
<tr>
<td>Пример</td>
</tr>
</table>

Необходимо следующее:
Если условие выполняется, то сменить желтую подсветку таблицы на синюю

Хочется как-то повесить два класса на таблицу и по условию скрыть один из них и отобразить второй

Вот нерабочий пример: https://jsfiddle.net/8bgawthu/

Comments

[Александр Докин]

Используйте стандартные методы для работы с классами элемента:

tableElement.classList.add(...)
tableElement.classList.remove(...)
tableElement.classList.toggle(...)

[Евгений]

спасибо ))

[Александр Докин]

3vgeny90, названия классов нужно передавать в виде строки
https://jsfiddle.net/4ush2r65/

[Евгений]

Александр Докин, да я заметил потом эту ошибку.
Благодарю.