js 能控制td的样式属性吗？

[lionz1023]

<style>
s1 {font-size:12px;color:red;}
</style>
<td class="s1">test</td>
怎么写一个onclick事件能改变s1 中的样式属性,比如点击过后font-size:14px;

onclick="javascript:this.classname='s2'"只能改变td的样式名称.

[momozzzzz]

s2｛ font-size:14px; }
换了类名，不也都换了？

[ajccom]

onclick="javascript:this.style.font-size='14px'" ?

[lionz1023]

主要 我要控制很多td,不只这一个，
用问题解决了，
<script language="javascript">
function g(name) {
$("." + name).toggleClass("a");
}
</script>
<style>
.a {
BACKGROUND:#10535A; line-height:25px; color:white; padding:5px
}
</style>
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="test" height="117" onClick="g('test');">
所用方法： jquery toggleClass
<br>

效果：在原有样式基础上循环追加和删除自定义样式，触发函数 td div span 等大部分标签的onClick onMouseOver onMouseOut 等.
<br>
应用举例：1.标签或文本高亮，2.表单中文本框、文本域、按钮等样式，可用onKeyDown onKeyUp onBlur等触发。
3.…………
高级应用，可以批量改变 样式命名相同的标签样式， </td>
</tr>
<tr>
<td class="test1" height="117" onClick="g('test1');">
ttt </td>
</tr>
</table><br>
<br>
<br>
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="test" height="117" onClick="g('test');">
所用方法： jquery toggleClass
<br>

效果：在原有样式基础上循环追加和删除自定义样式，触发函数 td div span 等大部分标签的onClick onMouseOver onMouseOut 等.
<br>
应用举例：1.标签或文本高亮，2.表单中文本框、文本域、按钮等样式，可用onKeyDown onKeyUp onBlur等触发。
3.…………
高级应用，可以批量改变 样式命名相同的标签样式， </td>
</tr>
</table>
欢迎测试.

[lionz1023]

上面忘加<script src="js/jquery-1.4.2.js"></script>了

[odinback]

恩 正解 可以改变的 很简单的

[liux466713]

用jQuery,简简单单的代码就,想实现什么差不多就能实现什么.
选择器跟CSS基本一样,爽死了