如何动态改变表格里面的字体大小和行间距?

<TABLE width=700><TR><TD  align=middle height=35>
<p>中华人民共和国中华人民共和国<br>中华人民共和国中华人民共和国</p></TD></TR></TABLE>
如上面的,如何改变里面的字体大小和行间距
<style type="text/css">  .tt2 {  font-size: 36px; line-height: 22px }  </style>  
<SCRIPT LANGUAGE="JavaScript">
<!--
function update()
{
document.getElementById("neirong").className="tt2";
}//-->
</SCRIPT>
 </HEAD> <BODY>
  <div id="neirong" <TABLE width=700><TBODY><TR><TD  align=middle height=35>
<p>中华人民共和国中华人民共和国<br>中华人民共和国中华人民共和国</p></TD></TR></TBODY></TABLE> 
</div>
<input type=button onclick="update()" value="字体"/>
上面的这样不管用

解决方案 »

  1.   


    //把表格去掉
      <div id="neirong"> 
    <p>中华人民共和国中华人民共和国<br>中华人民共和国中华人民共和国</p> //或将div加到td中去
      <TABLE width=700><TBODY><TR><TD align=middle height=35>
    <div id="neirong"><p>中华人民共和国中华人民共和国<br>中华人民共和国中华人民共和国</p></div></TD></TR></TBODY></TABLE>  
      

  2.   

    代码没问题，如果是显示问题的话，注意line-height减去font-size等于行距
      

  3.   

    guansong8079776 表格是不能去掉的去掉表格后 可以动态改变字的大小的 但加上表格就不行了 因为不知道表格有多少TD 不能加入其中
      

  4.   

    抑制不住内心的情绪，强烈推荐楼主是用Jquery脚本库，这种问题以后不会再提起！
      

  5.   


    这个与Jquery无关啊，应该是样式的兼容性问题了！
      

  6.   

    修改你的样式好了，ie，ff都可以了
    .tt2 table { font-size: 36px; line-height: 22px }