询问关于更换事件问题

问题是这样的，首先我有个文字点击事件如下：<a href="javscript:void(0)" onclick="add()">大家</a>我想在点击完add后，将这个链接的事件更换为"del()"也就是说，第一次点击增加，再点击删除！！请帮忙，谢谢，盼复

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<a id='target' href="javscript:void(0)" onclick="add()">大家 </a> getElementById('target').onclick = 'del()'
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
  function add(o){
alert('add');
o.onclick=del;
  }
  function del(){
alert('del');
  }
  </script>
</HEAD> <BODY>
  <a href="javascript:void(0)" onclick="add(this)">大家 </a>
</BODY>
</HTML>
我试过了不行。还是执行Add()，你们试一下
更笨的方法，但应该有用<div id="target">
    <a href="javscript:void(0)" onclick="add()">大家 </a>
</div>得到target的innerHtml的字符串str，
document.getElementById("target").innerHtml = str.replace(/add()/, "del()")
document.getElementById("target").innerHTML应该是“大家”。<a id="alink" href="javscript:void(0)" onclick="add();this.onclick=\"del()\";">大家 </a>
<a id="alink" href="javscript:void(0)" onclick="add();this.onclick='del()';">大家 </a>
上面搞错了，应该是把del函数的指针传给onclick，所以应该是<a id="alink" href="javscript:void(0)" onclick="add();this.onclick=del;">大家 </a>
getElementById('target').onclick = del;加在add();函数里就可以了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
  var s;
  window.onload=function(){
s = document.getElementById('dd');
}
function add(){
alert('add');
s.onclick=del;
}
function del(){
s.onclick=add;
alert('del');
}
  </script>
</HEAD> <BODY>
  <a href="javascript:void(0)" id="dd" onclick="add(this)">大家 </a>
</BODY>
</HTML>
<a href="javascript:void(0)" onclick="add(this)">大家 </a>
  <script type="text/javascript">
function add(obj){
  alert("add");
  obj.onclick=del;
}
function del(){
  alert("del");
}
  </script>
给你一段jquery的<a href="javscript:void(0)" clickstatus="add">大家 </a><script type = "text/javascript">
$("a[clickstatus=add]").live("click",function(){
    if($(this).attr("clickstatus")=="add"){
        add();
        $(this).attr("clickstatus")=="del"
    }elseif($(this).attr("clickstatus")=="del"){
        del();
        $(this).attr("clickstatus")=="add";
}
});
</script>
sorry,上面的代码有错误的地方在选择器的条件上属性不能确定值<script type = "text/javascript">
$("a[clickstatus]").live("click",function(){
    if($(this).attr("clickstatus")=="add"){
        add();
        $(this).attr("clickstatus")=="del"
    }elseif($(this).attr("clickstatus")=="del"){
        del();
        $(this).attr("clickstatus")=="add";
}
});
</script>
也可以给标签加上id，然后$("a[clickstatus]")可以改为$("#标签id")
以上的方法，例如：document.getElementById('a').onclick=del;这样写，是立刻执行del，如果再次点击还是先执行add然后紧跟着执行del。但我的意思是第一次点击时执行的是add，然后再次点击才执行del