`

javascript操作table

阅读更多
<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> 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics