javascript取得并设置table中的class值

Question

html中，如下，我想在onClick（以下的setTableClass）时，把table中的class属性的内容替换成别的属性（假定替换成class="menu-crc"）
请教：这个javascript怎么写啊？<table id="club" border="0" class="menu-base">
<tr><td><a href="club/club.html" border="0" target="event" onClick="setTableClass()">
<div>信息</div></a></td></tr>
</table>

Answer 1

<script>
function setTableClass(){
document.getElementById("club").className = "menu-crc";
}
</script>
<table id="club" border="0" class="menu-base">
<tr><td><a href="club/club.html" border="0" target="event" onClick="setTableClass()">
<div>信息</div></a></td></tr>
</table>

Answer 2

其實用JQ 很方便$('#id').attr('class')
document.getElementById(id).className;

Answer 3

<table id="club" border="0" class="menu-base">
<tr><td><a href="#" border="0" target="event" onClick="javascript:document.getElementById('club').className='menu-crc'">
<div>信息</div></a></td></tr>
</table>

Answer 4

<script>
function setTableClass(){
document.getElementById("club").className = "menu-crc";
window.open('club/club.html',  "target=event");
}
</script>
<table id="club" border="0" class="menu-base">
<tr><td><a href="javascript: void(0)" border="0" onClick="setTableClass()">
<div>信息</div></a></td></tr>
</table>