基于javascript实现表格的简单操作

本文实例为大家分享了js表格操作的简单方法，供大家参考，具体内容如下

  
    
    
    
      *{
 margin: 0;
 padding: 0;
      }
      body{
 width: 1000px;
 margin: 100px auto;
 font-family: "微软雅黑";
 font-size: 18px;
 background-color: #fff;
      }
      #table tr{
 text-align: center;
      }
      tbody tr:nth-child(2n+1){
 background-color: #ccc;
      }
      tbody tr:hover{
 background-color: green;
      }
      input[type=text]{
 height: 25px;
 width: 136px;
 background-color: turquoise;
 margin-bottom: 10px;
      }
    
    
  
  
    
    

    姓名：
    性别：
    
    

      

 

   
序号
   
人名
   
性别
   
修改
 
 

   

   
1
   
张三
   
男
   
删除
 
 

   
2
   
李四
   
男
   
删除
 
 

   
3
   
Caesar
   
女
   
删除
 
 

   
4
   
刘言
   
女
   
删除
 
 
      
    
  

以上就是本文的全部内容，希望对大家的学习有所帮助。