谁能告诉我我这方法为什么添加不了A链接-慕课网

谁能告诉我我这方法为什么添加不了A链接

来源：9-22 编程练习

jerrykwok

2016-09-20 23:50

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript"> 
  
      window.onload = function(){
                  
     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
   
		
     
	 
	 }
        var num=2;
      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
         function addrow(){
             num++;
             var tr=document.createElement("tr");
             var line1=document.createElement("th");
             var line2=document.createElement("th");
             var line3=document.createElement("th");
             //line3.innerHTML='<a href="javascript:;" onclick="deleteH(this)">删除</a>';
             var D=document.createElement("a");
             var node = document.createTextNode("删除");
              D.appendChild(node);
              D.setAttribute("onclick","deleteH()");
             //给各个单元赋值 ；
             line1.innerHTML="xh00"+num;
             line2.innerHTML="小"+num;
            
            var tab=document.getElementById("table").lastChild;
             tab.appendChild(tr);
             
             tr.appendChild(line1);
             tr.appendChild(line2);
             tr.appendChild(line3);
             line3.appendChild(D);
              
             var tr1=document.getElementsByTagName("tr");
             for (var i=1;i<tr1.length;i++){
                colorChange(tr1[i]);
            }
             
             
         }
             
        
        
   	 
     // 创建删除函数
      function deleteH(note){
          var tr=note.parentNode.parentNode;
          tr.parentNode.removeChild(tr);
      }


  </script> 
  <style>
      *{
          font-weight:400;
          font-family:宋体;
      }
          
     
  </style>
 </head> 
 <body> 
	   <table border="1" width="50%" id="table">
	   <tr>
		<th>学号</th>
		<th>姓名</th>
		<th>操作</th>
	   </tr>  

	   <tr>
		<td>xh001</td>
		<td>王小明</td>
		<td><a href="javascript:deleteH(this);" onclick="deleteH(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->
	   </tr>

	   <tr>
		<td>xh002</td>
		<td>刘小芳</td>
		<td><a href="javascript:;" onclick="deleteH(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->
	   </tr>  

	   </table>
	   <input type="button" value="添加一行" onclick="addrow()" />   <!--在添加按钮上添加点击事件  -->
 </body>
</html>

我模仿他们的方法是可以实现功能

但是我用自己的想法建立一个A标签然后设置属性然后appendChild到td标签里结果删除那里并没有a链接的样子只有删除两个字哪位大神可以指出我的错误谢谢了

写回答关注

1回答

felufan

2016-09-21 03:17:48

已采纳

第28行改为D.setAttribute("onclick","deleteH(this)");（少了传入参数）；
第28行后加一行：D.setAttribute("href","javascript:;");

1 0

jerryk...

一言惊醒梦中人感谢

2016-09-21 11:33:29

共 1 条回复 >