如何用JS动态控制td标签中的显示文字？

Question

在ShowTR()后面加上下面的代码，为避免错误暂时去掉了ShowTR()<div onClick="if(this.innerHTML == '不显示发帖表情')this.innerHTML='显示发帖表情';else this.innerHTML='不显示发帖表情';" style="Cursor:hand">不显示发帖表情</div>

Answer 1

<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> 

Answer 2

<div onclick="this.innerHTML=='显示发帖表情'?this.innerHTML='不显示发帖表情':this.innerHTML='显示发帖表情'" style="cursor:pointer;">不显示发帖表情</div>

Answer 3

<td width="29%" valign="bottom"> <div onClick="javascript:if(this.innerHTML == '不显示发帖表情')this.innerHTML='显示发帖表情';else this.innerHTML='不显示发帖表情';" style="Cursor:hand">不显示发帖表情</div> </td> 

Answer 4

<SCRIPT LANGUAGE="JavaScript"> 
function ShowTR(obj){ 
  if (document.getElementById("HiddenTR1").style.display=='none'){ 
      document.getElementById("HiddenTR1").style.display='block'; 
  }else{ 
      document.getElementById("HiddenTR1").style.display='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>   剛才沒看清要求,你是要求在ShowTR 上修改