当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

javascript操作table

发表于: 2011-03-29   作者:cpf1985   来源:转载   浏览:
摘要: <html> <body> <body> <table name="tab" id="tab"> <tr> <td>测试</td> <td>test</td>
  <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>

javascript操作table

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号