给网页上的字加了下划线之后，怎么取消呢？

用如下方法，能控制网页上的字function Click_zhu()
{
if (document.selection.createRange().text!="" && document.selection.createRange().text!="undefined" && document.selection.createRange().text!=null)
{
var a=document.selection.createRange().text;
document.selection.createRange().text="<font style='border-bottom:solid 3px #0000ff'>"+a+"</font>";
}
var aaa=document.getElementById("test");
aaa_text=aaa.innerHTML;
bbb=aaa_text+"";
var regex = new RegExp("&lt;","g");
bbb=bbb.replace(regex,"<");
var regex = new RegExp("&gt;","g");  
bbb=bbb.replace(regex,">");
aaa.innerHTML=bbb;
}
<input onclick="Click_zhu()" type="button" value="主" />这个是加下划线的，还有一个按钮，怎么弄，让他取消这个下划线或者字体颜色啥的啊？

解决方案 »

  1.   

    border-bottom:solid 3px #0000ff去掉
     color:red
    是设置字体颜色
      

  2.   

    下边框当下划线 
    <STYLE   type=text/css> 
    .font7   { 
    FONT-SIZE:   12px;   
    border-bottom:1px   solid   #000; 
    width:200px; 
    } 
    </STYLE> 
    <SPAN   class=font7> 下划线 </SPAN> 
    删除border-bottom,修改font color
      

  3.   

    这个是CSS 问题 如果只是去border下的线 1楼可以；如果是a标签的话a: text-decoration:none;
      

  4.   

    还是不行，比如说，我用上面的代码，给一段文字加上括号！
    <font>（"+a+"）</font>";
    这样就可以了，但是我想去除这个括号，怎么办呢？我想的是
    <font style=‘’>"+a+"</font>
    这样，可是没有效果。。
      

  5.   

    <font style=''>"+a+"</font>
    这样还有括号？？？？括号在哪呢？a里面？
      

  6.   

    先执行一次
    <font>（"+a+"）</font>";为一段文字加上了括号，在执行
    <font style=''>"+a+"</font>括号还在啊
      

  7.   

    我觉得把值放在div中，获取div的编号对div的值进行处理！可能比较麻烦！
      

  8.   

    用样式表试试！
    style="text-decoration:none；"
    给你在去掉下划线的文字前加这段代码、、、
      

  9.   

    document.selection.createRange().text="<font style='border-bottom:solid 3px #0000ff'  text-decoration:none；"
    >"+a+"</font>";
      

  10.   

    不写"<font style='border-bottom:solid 3px #0000ff'>"   "</font>"
      

  11.   

    用jQuery来操作元素的CSS应该比较容易··
      

  12.   

    或者是"<font style='border-bottom:solid 0px #0000ff'>"+a+"</font>"
    或者是"text-decoration:none"