如何用js控制整个table中字体的大小

怎么用js控制整个table中字体的大小？
怎么用js控制整个table中字体的大小？
我想通过js脚本设置table中所有tr td的字体大小

先代码如下
js代码
document.getElementById("table1").style.fontSize=“9px”;
document.getElementById("table1").style.lineHeight=“10px”;
现在的效果是行高可以设置出来，但是字体大小不能设置
不给每个TR TD 加id的情况下，可否设置table中的字体大小呢？
跪谢！！！
html：

<table id = "table1">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</table>

------解决方案--------------------

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <script type="text/javascript">

    function changeFont(){

	    //document.getElementById("table1").style.fontSize="9px";

		document.getElementById("table1").style.lineHeight="10px";

	}

  </script>

 </head>


 <body>

<table id = "table1" border=1>

<tr>

<td>111</td>

<td>222</td>

<td>333</td>

</tr>

<tr>

<td>111</td>

<td>222</td>

<td>333</td>

</tr>

</table> 

<input type="button" value="test" onclick="changeFont();"/>

 </body>

</html>

刚刚试了一下博主说的问题，测试是没有什么问题的，你看一下是不是引号的问题!!
------解决方案--------------------
//引用jquery,然后写下面的JS
$("#table1").find("td").css("fontSize", "20px");
$("#table1").find("td").css("lineHeight", "50px");

如何用js控制整个table中字体的大小

相关推荐