谁有能控制字体大小，样式等JS代码？

<HTML>
<HEAD>
<STYLE type="text/css">
.bfont {font-size:20px;}
.nfont {font-size:16px;}
.sfont {font-size:12px;}
.cdiv {font-size:12px;}
.cdiv span {cursor:hand;text-decoration:underline;color:blue;}
</STYLE>
<TITLE> 用onclick事件实现改变文章字体大小</TITLE>
</HEAD><BODY id = pgcontent class = nfont><div class = cdiv>
<span onclick= "pgcontent.className='bfont';">大字体</span> |
<span onclick= "pgcontent.className='nfont';">中字体</span> |
<span onclick= "pgcontent.className='sfont';">小字体</span>
</div><p>点击上面的“大字体”，“中字体”，“小字体”，可以相应改变字体大小。</p></BODY>
</HTML>

解决方案 »

  1.   

    兄弟，没你说清楚嘛～这也要看你的内容被放置在什么地方喽～还有你的内容是从普通的textarea还是从富文本编辑器里来？问题太模糊了～
      

  2.   

    <div id="wc" style="height:500px; width:700px; line-height:20px; border:#CCCCCC 1px dashed; overflow:auto;">&nbsp;</div>
    <button onclick="set_size()">设置字体</button>
    <script type="text/javascript">
    var set_size = function () {
    document.getElementById("wc").style.fontSize = Math.max(12, parseInt(prompt("请输入字号：", 12)))
    };
    window.onload = function () {
    document.getElementById("wc").innerHTML = new Array(50).join("$N多字的说。$").
    slice(1).split("$").join("<br \/>");
    };
    </script>
      

  3.   

    改下。。
    <div id="wc" style="height:500px; width:700px; border:#CCCCCC 1px dashed; overflow:auto;">&nbsp;</div>
    <button onclick="set_size()">设置字体</button>
    <script type="text/javascript">
    var set_size = function () {
    document.getElementById("wc").style.fontSize = Math.max(12, parseInt(prompt("请输入字号：", 12))) + "px";
    };
    window.onload = function () {
    document.getElementById("wc").innerHTML = new Array(50).join("$N多字的说。$").
    slice(1).split("$").join("<br \/>");
    };
    </script>
      

  4.   

    在修改下 - -#<div id="wc" style="height:500px; width:700px; border:#CCCCCC 1px dashed; overflow:auto;">&nbsp;</div>
    <button onclick="set_size()">设置字体</button>
    <script type="text/javascript">
    var set_size = function () {
    document.getElementById("wc").style.fontSize = Math.max(12, parseInt(prompt("请输入字号：", 12)) || 12) + "px";
    };
    window.onload = function () {
    document.getElementById("wc").innerHTML = new Array(50).join("$N多字的说。$").
    slice(1).split("$").join("<br \/>");
    };
    </script>