改变部份单元格的字体大小

mzcih 2004-10-09 02:13:00
改变部份表格的字体大小

输出HTML如下:
<style type="text/css">
TD {
FONT-SIZE: 12px;
}
</style>
<Table>
<TD>
<TD>文章内容:<TD>
<TD><!--指定部份<font size=5>ABC</font><font size=8>123</font>--><TD>
</TR>
</Table>

问题:
  1。由于CSS样式已固定TD字体大小,有什么办使样式对('指定部份')无效,不能对'原CSS'修改或删除。
  2。我想做一个字体'大、中、小'的功能。当点大时'指定部份'的Font值随之加 + 4,ABC的字号=5 + 4 ,123的字号=8 + 4,中、小也类似。。。

不知能否实现。
...全文
161 4 打赏 收藏 举报
写回复
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
mzcih 2004-10-09
  • 打赏
  • 举报
回复
谢谢你!
cybernaute 2004-10-09
  • 打赏
  • 举报
回复
那是因为你用的是size。他的DTD定义里面是有限制的,不可能无限制的改变数字
建议用fontsize
但这样的话,程序里也要修改了,得改成style.fontSize=x
mzcih 2004-10-09
  • 打赏
  • 举报
回复
TO:cybernaute(思客)

有点小BUG,连续点几次+4或-4后,ABC与123字体会变得一样大。
cybernaute 2004-10-09
  • 打赏
  • 举报
回复
<html>
<style type="text/css">
TD {
FONT-SIZE: 12px;
}
</style>
<script language="JavaScript">
<!--
var o = document.getElementsByTagName("font");

function Add() /*----*/
{
for(var i=0; i<o.length; i++)
o[i].size = parseInt(o[i].size) + 4;
}

function Sub() /*----*/
{
for(var i=0; i<o.length; i++)
o[i].size = parseInt(o[i].size) - 4;
}
//-->
</script>
</head>

<body>
<Table>
<TD>
<TD>文章内容:<TD>
<TD><font size=5>ABC</font><font size=2>123</font><TD>
</TR>
</Table>
<input id="" type="button" name="" value="+4" onClick="Add()">
<input id="" type="button" name="" value="-4" onClick="Sub()">
</body>
</html>
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-10-09 02:13
社区公告
暂无公告