                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

for循环里面这段代码跟for循环外面这段代码是什么意思？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>制作一个表格，显示班级的学生信息</title>
<script type="text/javascript">
   
	   // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
	   function add(){
		   var tbody=document.getElementById("table").lastChild;
		   var tr=document.createElement("tr");
		   var td=new Array();
		   for(var i=0;i<2;i++){
			   td[i]=document.createElement("td");
			   td[i].innerHTML="<input type='text' />";
			   tr.appendChild(td[i]);
			   }
			   var td=document.createElement("td");
			   td.innerHTML="<a href='javascript:;' onclick='delet(this)'>删除</a>";
			   tr.appendChild(td);
			   tbody.appendChild(tr);
		   }
		   
		 
</script>
</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:;" onClick="delet(this)">删除</a></td>    <!--在删除按钮上添加点击事件  -->
  </tr>
  <tr>
    <td>xh002</td>
    <td>刘小芳</td>
    <td><a href="javascript:;" onClick="delet(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->
  </tr>
</table>
<input type="button" value="添加一行" onClick="add()"  />         <!--在添加按钮上添加点击事件  -->
</body>
</html>

MMJiao

2016-12-18

源自：JavaScript进阶篇 9-22

关注问题我要回答

834

操作

收起

2 回答

诗古代之韵文
2016-12-19

      var num=2;
      function add(){
          num++;
          var tr=document.createElement("tr");
          var td1=document.createElement("td");
          var td2=document.createElement("td");
          
          td1.innerHTML="xh00"+num;
          td2.innerHTML="第"+num+"学生";
          
          var dele=document.createElement("td");
          dele.innerHTML="<a href='javascript:;' onclick='delet(this)'>删除</a>";
          
          var tab=document.getElementById("table");
          tab.appendChild(tr);
          tab.appendChild(td1);
          tab.appendChild(td2);
          tab.appendChild(dele);
      }
      
      
      跟这个的意思是大致理解的 
      先创建学号栏和姓名栏，然后再创建删除栏，最后再把他们添加到表格中去