关于JavaScript动态添加事件的问题

在网上查阅了很多了，基本的形式就是这几种：
   obj.setAttribute("onClick","func()");
   obj.setAttribute("onClick",eval(function(){func()}));
   obj.attachEvent("onClick",func);//这里我暂时只考虑ie的情况
   obj.onClick = function(){func()}
但是我不管用哪种形式，事件根本都没响应，进不到指定的方法里去，下面是我的代码
<html>
<head>
   <script>
    function addtxt()
   {
   var t=document.getElementById("t");
   var ilen=t.getElementsByTagName("input").length;
   ilen=ilen+1;
   if(ilen>=2){ilen=ilen/2+1}
   var obtn=document.createElement("input");
   obtn.setAttribute("type","text");
   obtn.setAttribute("name","utel"+ilen);
   obtn.setAttribute("id","utel"+ilen);
   obtn.setAttribute("value","utel"+ilen);
   obtn.setAttribute("size","11");
   document.getElementById("t").appendChild(obtn);
   var obtn1=document.createElement("input");
   obtn1.setAttribute("type","button");
   obtn1.setAttribute("id","del"+ilen);
   obtn1.setAttribute("value","删除");
   //obtn1.setAttribute("onClick","deltxt()");
   //obtn1.setAttribute("onClick",eval(function(){deltxt()}));
   //obtn1.attachEvent("onClick",deltxt);
   obtn1.onClick = function(){deltxt()}
   document.getElementById("t").appendChild(obtn1);
   alert(obtn1.onClick);
   }
   function deltxt()
   {
   alert("aaaa");
   //var t=document.getElementById("t");
   //var ilen=t.getElementsByTagName("input").length;
   //document.getElementById('utel'+id).removeNode(true);
   //document.getElementById('del'+id).removeNode(true);
   }
   </script>  
</head><body>
<form name="form1">
<table width="250" border="1">
  <tr>
    <td>
<span style="width:130px;" id="t" name="t"><input name="utel1" value="utel1" type="text" size="11" /></span><input type="button" value="继续添加" onClick="addtxt()"/></td>
  </tr>
</table>
</form>
</body>
</html>
能够正常添加控件，但响应的事件却始终失效，望高手指点！