如何在运行时屏蔽<a>？

例如這樣:<BODY>
<div id="div1">
  <a href="#">aa</a>
</div>
<input type="text" onmouseover="div1.style.display='none'" onmouseout="div1.style.display='block'">
</BODY>

解决方案 »

  1.   

    <body onclick="return event.srcElement.tagName!='A'">IE下使用，这样可以屏蔽所有链接
      

  2.   

    galant2008(無賴)<BODY>
    <div id="div1">
      <a href="#">aa</a>
    </div>
    <input type="text" onmouseover="div1.style.display='none'" onmouseout="div1.style.display='block'">
    </BODY>
    ================================================================
    链接没有被屏蔽掉,还是会链接到一个页面
      

  3.   

    meizz(梅花雪) <body onclick="return event.srcElement.tagName!='A'">IE下使用，这样可以屏蔽所有链接
    ==========================================================
    虽然不能在<a>上执行onclick，但是文本还存在<a>的样式啊，这样用户不会认为这个链接不能点，而会误会以为这个链接坏了，网站管理员的水平不够。：）
      

  4.   

    function(){
          document.getElementById("aaa").innerHtml = "aa";
    }--------
    <span id = "aaa"><a href="#">aa</a></span>
      

  5.   

    function aaa()
    {
       var aaa = document.getElementById("bbb").innerHTML = "aaaaaaaa";
       document.write(aaa);
    }
    <span id="bbb"><a>aaaaaaaa</a></span>
    打印的是aaaaaaaa啊！
    var aaa = document.getElementById("bbb").innerHTML;这样也可以。但是没有取消<a>现在既要取消<a>的功能，也要取消<a>的样式。
      

  6.   

    <body>
    <span id="aaa">
      <a href="login.asp">login.asp</a>
    </span><input type=button value="ok" onclick="check()">
    </BODY>
    <script>
    function check(){
    document.getElementById("aaa").innerHTML=document.getElementById("aaa").innerText;
    }
    </script>
      

  7.   

    <html>
    <head><script>
    function OK()
    {
      s= document.all.target_a.outerHTML;
      s = "修改后";
      document.all.target_a.outerHTML = s;
    }
    </script>
    </head><body><div id="layer1" style="position:absolute; left:200px; width:410px; height:10px;">
    <table border="0" cellspacing="0" cellpadding="3">
     <tr>
      <td class="top">
           <a href="javascript:hideIt('layer1')" style="text-decoration: none"><font color="#ffffff"><b>X</b></font></a>
      </td>
     </tr>
     <tr>
      <td class="bottom">
        <a id="target_a" href="#">修改前</a>
        <br><br>
      </td>
     </tr>
    </table>
    </div><form>
      <input type="button" value="修改" onMouseOver="" onClick="OK();">
    </form></body>