`
cpf1985
  • 浏览: 76575 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript操作table

    博客分类：
  • java
JavaScriptJava 
阅读更多 
  <html>
  <body>
    
	 
  <body>
   <table name="tab" id="tab">
      <tr>
	     <td>测试</td>
		 <td>test</td>
	  </tr>
	  
   </table>
   <input type="button" value="增加行" onclick="insert()"/>
   <input type="button" value="删除行" onclick="del()"/>
 <script>
	    function insert(){
		    var tab1=document.getElementById("tab");
			var tr =tab1.insertRow();
			var tb1 =tr.insertCell(0);
			var tb2 =tr.insertCell(1);
			tb1.innerHTML="<input type='text' name='username' id='username' value='新增列1'/>";
			tb2.innerHTML="<input type='text' name='username' id='username' value='新增列2'/>"; 
		   
		}
		function del(){
		   var alltr=document.getElementsByTagName("tr");
		   var tab=document.getElementById("tab");;
		   tab.deleteRow(alltr.length-1);
		   
		}
		//insert()
	 </script>
   </body>
</html>
分享到：
| 上传图片立即显示缩略图
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics