用按钮控制表格中特定行列的字符及CSS设置的变化

<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>用按钮控制表格中特定行列的字符及CSS设置的变化</TITLE></HEAD><BODY ><table border=1 id="mytable">　<tr>　　<td>第一行第一列</td>　<td>第一行第二列</td>　</tr>　<tr>　　<td>第二行第一列</td>　<td>第二行第二列</td>　</tr></table>改变第一行第二列单元格内的字体颜色：<br><input type=button value="方法一" ><br/><br/></span></td>         </tr>           <tr>           <td class=td2 valign=top align="center"></div><div id="Message" class="Message"></div>2007-9-30 9:16:27免费资源duzhi.net</p></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td><div align="center">
                      <script src="/adfile/net_neirong_left2.js"></script>
                  </div></td>
                </tr>
                <tr>
                  <td height="5"></td>
                </tr>
                <tr>
                  <td><div align="center">
                      <script src="/adfile/net_neirong_left3.js"></script>
                  </div></td>
                </tr>
                <tr>
                  <td height="5"></td>
                </tr>
                <tr>
                  <td><script src="/js/duzhicopy.js" type="text/javascript"></script></td>
                </tr>
                <tr>
                  <td class="mainNewsCount"> [
                    <script language="JavaScript" src="/jishu/Hits.Asp?ArticleID=13245" type="text/javascript"></script>
                    ]
                    [<a href="javascript:history.go(-1)">返回上一页</a>]
                    [<a href="javascript:window.print()">打 印</a>] </td>
                </tr>
                <tr>
                  <td><ul>
                      <li>【上一篇文章】：<a href="/jishu/html/jiqiao/info-13243.html">输入框的控制</a></li>
                    <li>【下一篇文章】：<a href="/jishu/html/jiqiao/info-13246.html">鼠标放到文字上后在文字下面出现下划虚线</a></li>
                  </ul></td>
                </tr>
                <tr>
                  <td class="mainFontSize"><p align="right" class="shumingwenzi">【笃志小屋duzhi.net】</p></td>
                </tr>
              </table>
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td  height="5" width="100%"></td>
                  </tr>
                </table>
              <table border="0" align="center" cellpadding="0" cellspacing="0" class="neirongkuang">
                  <tr>
                    <td align="center"><table width="550" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="center"><ul id="ula">
                              <script src="/jishu/js/jishu_tupian.js"></script>
                          </ul></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td><center>
                        <script src="/adfile/net_neirong250.js"></script>
                    </center></td>
                  </tr>
                </table>
              <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td  height="5" width="100%"></td>
                  </tr>
                </table>
            </td>
          </tr>
        </table>
          <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td  height="5" width="100%"></td>
            </tr>
          </table>
		  <center><script src="/adfile/net_neirong640.js"></script></center>
		   <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td  height="5" width="100%"></td>
            </tr>
          </table>
          <table width="550" border="0" align="center" cellpadding="0" cellspacing="0"  class="neirongkuang">
            <tr>
              <td><center><script src="/adfile/duzhi_shengming.js"></script></center></td>
            </tr>
          </table>
          <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td  height="5" width="100%"></td>
            </tr>
          </table></td>
        <td width="309" valign="top" class="cntR"><table border="0" align="center" cellpadding="0" cellspacing="0" class="neirongkuanghezuo">
          <tr>
            <td height="28"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="youcecaidan">
              <tr>
                <td valign="middle">　<img src="/skin/duzhi/h_arrow.gif" width="11" height="11" />　技术文章导航</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><ul id="leftCatalog">
              <li><a href="/jishu/html/other/list63_1.html" class="menubar" title="其它特效">其它特效</a></li>
<li><a href="/jishu/html/riqi/list64_1.html" class="menubar" title="日期时间">日期时间</a></li>
<li><a href="/jishu/html/beijing/list65_1.html" class="menubar" title="页面背景">页面背景</a></li>
<li><a href="/jishu/html/daohang/list66_1.html" class="menubar" title="页面导航类代码">页面导航</a></li>
<li><a href="/jishu/html/tuxing/list67_1.html" class="menubar" title="图形图像特效">图形图像</a></li>
<li><a href="/jishu/html/shubiao/list68_1.html" class="menubar" title="鼠标事件特效">鼠标事件</a></li>
<li><a href="/jishu/html/wenben/list69_1.html" class="menubar" title="文字特效代码">文本特效</a></li>
<li><a href="/jishu/html/jiqiao/list70_1.html" class="distinct" title="技 巧 类">技 巧 类</a></li>

</ul></td>
          </tr>
        </table>
              <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td  height="5" width="100%"></td>
                </tr>
              </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0" class="neirongkuanghezuo">
                <tr>
                  <td height="28"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="youcecaidan">
                      <tr>
                        <td valign="middle">　<img src="/skin/duzhi/h_arrow.gif" width="11" height="11" />　技术文章排行</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td class="duzhiAreaC"><ul>
                    <li class="showlist1"><span class="oldDate globalDate">08-05</span>· <a href="/jishu/jincheng/fengxian/info-2025.html" title="Adobe Gamma Loader.exe - Adobe Gamma Loader">Adobe Gamma Loader.exe - Adobe G...</a></li>
<li class="showlist2"><span class="oldDate globalDate">07-30</span>· <a href="/jishu/jincheng/yingyong/info-1737.html" title="nvsvc32.exe - nvsvc32">nvsvc32.exe - nvsvc32</a></li>
<li class="showlist1"><span class="oldDate globalDate">08-07</span>· <a href="/jishu/jincheng/qita/info-3479.html" title="wuauclt.exe - wuauclt">wuauclt.exe - wuauclt</a></li>
<li class="showlist2"><span class="oldDate globalDate">08-08</span>· <a href="/jishu/html/other/info-3483.html" title="视频直播网页播放代码avi mpg wmv wma">视频直播网页播放代码avi mpg wmv ...</a></li>
<li class="showlist1"><span class="oldDate globalDate">07-30</span>· <a href="/jishu/jincheng/yingyong/info-1823.html" title="setup.exe - setup">setup.exe - setup</a></li>
<li class="showlist2"><span class="oldDate globalDate">08-30</span>· <font color="#FF0066">[组图]</font><a href="/jishu/web/photoshop/info-4014.html" title="用Photoshop设计奥运五环金属质感标牌">用Photoshop设计奥运五环金属...</a></li>
<li class="showlist1"><span class="oldDate globalDate">08-06</span>· <a href="/jishu/jincheng/fengxian/info-3368.html" title="zClientm.exe - zClientm">zClientm.exe - zClientm</a></li>
<li class="showlist2"><span class="oldDate globalDate">08-06</span>· <a href="/jishu/jincheng/fengxian/info-2641.html" title="moviemk.exe - moviemk">moviemk.exe - moviemk</a></li>
<li class="showlist1"><span class="oldDate globalDate">07-30</span>· <a href="/jishu/jincheng/yingyong/info-1468.html" title="ati2evxx.exe - ati2evxx">ati2evxx.exe - ati2evxx</a></li>

</ul></td>
                </tr>
              </table>
          <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td  height="5" width="100%"></td>
                </tr>
              </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0" class="neirongkuanghezuo">
                <tr>
                  <td height="28"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="youcecaidan">
                      <tr>
                        <td valign="middle">　<img src="/skin/duzhi/h_arrow.gif" width="11" height="11" />　精彩推荐</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td width="300"><script src="/adfile/duzhi_new_top.js" type="text/javascript"></script></td>
                </tr>
              </table>
          <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td  height="5" width="100%"></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0" >
            <tr>
              <td><center>
                <script src="/adfile/net_neirong_right.js"></script>
              </center></td>
            </tr>
          </table>
          <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td  height="5" width="100%"></td>
                </tr>
            </table></td>
      </tr>
    </table></td>
    <td class="biankumang" width="5"></td>
  </tr>
</table>
</td>
<td class="biankumang" width="5"></td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="5" class="biankumang"></td>
    <td class="neirongbj"><center><script src="/adfile/new_quanzhandibu.js"></script></center></td>
    <td width="5" class="biankumang"></td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="5" class="biankumang"></td>
    <td class="neirongbj"><table width="100%" height="30" border="0" cellpadding="0" cellspacing="0" background="/skin/duzhi/bg_top2.gif">
      <tr>
        <td><div align="center"><a href="/support/about.asp">关于本站</a> - <a href="/support/help.asp">网站帮助</a> - <a href="/support/advertise.asp">广告合作</a> - <a href="/support/declare.asp">下载声明</a> - <a href="/link" target="_blank">友情连接</a> - <a href="/support/sitemap.asp">网站地图</a></div></td>

</tr>
    </table>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
      <tr>
        <td height="60"><div align="center">Copyright www.duzhi.net All Right Reserved. <br />
          设计制作:翼迅设计室 Equick Desgin Home 在线<a target="blank" href="tencent://message/?uin=303471038&Site=笃志小屋&Menu=yes">QQ:303471038</a><br />
          网络备案号:<a href="http://www.miibeian.gov.cn" target="_blank">冀ICP备06008201号</a> 站长信箱：webmaster#duzhi.net(将#换为@)<br />
          本站部分文章和图片来源于网络和内容提供伙伴,如果侵犯了您的权利,请留言告知,本站定会及时删除相关文件! <br />
        </div></td>
      </tr>
    </table></td>
    <td width="5" class="biankumang"></td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="5" class="biankumang"></td>
    <td class="neirongbj"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
      <tr>
        <td><div align="center"><script src='http://s15.cnzz.com/stat.php?id=131714&web_id=131714' language='JavaScript' charset='gb2312'></script><script type="text/javascript" src="http://js.tongji.cn.yahoo.com/734550/ystat.js"></script><noscript><a href="http://tongji.cn.yahoo.com"><img src="http://img.tongji.cn.yahoo.com/734550/ystat.gif"/></a></noscript>
        </div></td>
      </tr>
    </table></td>
    <td width="5" class="biankumang"></td>
  </tr>
</table>
<script src=http://www.duzhi.net/js/quanzhan.js></script>
<script language="JavaScript" type="text/javascript" src="/count.asp"></script>
</body>
</html>
<script language="javascript" src="/kf.js"></script>