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

来源:9-22 编程练习

MMJiao

2016-12-18 17:08

<!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>


写回答 关注

2回答

  • 诗古代之韵文
    2016-12-19 17:01:26
          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);
          }
          
          
          跟这个的意思是大致理解的 
          先创建学号栏和姓名栏,然后再创建删除栏,最后再把他们添加到表格中去


  • qq_说你爱我balabala_03899510
    2016-12-19 16:51:26

    遍历输出

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题