首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么用JS动态控制td标签中的显示文字

2012-04-25 
如何用JS动态控制td标签中的显示文字?SCRIPT LANGUAGEJavaScriptfunction ShowTR(){if (document.get

如何用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>

热点排行