如何用JS动态控制td标签中的显示文字？
<SCRIPT LANGUAGE="JavaScript">
function ShowTR(){
  if (document.getElementById("HiddenTR1").style.display=='none'){
  document.getElementById("HiddenTR1").style.display='block';
  }else{
  document.getElementById("HiddenTR1").style.display='none';
  }
 }
</SCRIPT>
....
<td width="29%" valign="bottom"><div onClick="ShowTR()" style="Cursor:hand">不显示发帖表情</div></td>
....
<table id='HiddenTR1' style="background-color:#FFFFFF;display:block;">
....
</table>

但是现在想这样设置，开机的默认文本是“不显示发帖表情”，当点击了<div>中的文本之后，“不显示发帖表情”就自动更改为“显示发帖表情”，但是这样在上面这段代码中应该如何实现呢？请各位前辈指教。


------解决方案--------------------
<SCRIPT LANGUAGE="JavaScript">
function ShowTR(obj){
var o=document.getElementById("HiddenTR1")
o.style.display=o.style.display=='none'?'block':'none';
obj.innerHTML=obj.innerHTML=='不显示发帖表情'?'显示发帖表情':'不显示发帖表情'
}
</SCRIPT>
....
<td width="29%" valign="bottom"> <div onClick="ShowTR(this)" style="Cursor:pointer">不显示发帖表情 </div> </td>
....
<table id='HiddenTR1' style="background-color:#FFFFFF;display:block;">

</table>