js删除单元格

最新推荐文章于 2022-01-24 10:26:34 发布

sunlc1986

最新推荐文章于 2022-01-24 10:26:34 发布

阅读量728

点赞数

CC 4.0 BY-SA版权

文章标签： function button border import input html

本文链接：https://blog.youkuaiyun.com/sunlc1986/article/details/5489531

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
    <title>自定义单元格</title>
<script type="text/javascript">
function getRowAndColumn(myTable,flag){
if(flag==0){
  showText.innerHTML="请点击单元格！";
}else{
  showText.innerHTML="";
}
　　 if(!document.getElementsByTagName || !document.createTextNode)return;
　　 var rows=document.getElementById(myTable).getElementsByTagName('tr');
　　 var cols;
　　 for(i=0;i<rows.length;i++){
　　 rows[i].onclick=function(){
   if(flag==1){
    return;
   }
　　 }
　　 if(i==0){
　　   colsTH =rows[i].getElementsByTagName('td');
　　   for(k = 0; k< colsTH.length; k++){
　　    colsTH[k].onclick =function(){
     if(flag==1){
      return;
     }
     this.style.display="none";
　　    }
　　    }
　　  }else{
　　   cols=rows[i].getElementsByTagName('td');
　　   for(j=0;j<cols.length;j++){
　　    cols[j].onclick =function(){
     if(flag==1){
      return;
     }
     this.style.display="none";
　　    }
　　   }
　　 }
　　 }
}
function saveColumn(myTable,flag){
  getRowAndColumn(myTable,flag);
}
</script>
</head>
  <body>
  <table cellpadding="0" cellspacing="0" border="1" width="100%">
  <tr>
  <td>
  <table width="100%">
  <tr>
  <td align="center">
  <label style="color:#00FF00" id="showText"></label>
  </td>
  <td align="right">
  <input type="button" onClick="getRowAndColumn('myTable','0');" value="自定义单元格"/>
  <input type="button" onClick="saveColumn('myTable','1');" value="保存单元格"/>
  </td>
  </tr>
  </table>
  </td>
  </tr>
  <tr>
  <td>
  <table id="myTable" border="1" width="100%">
  <tr>
  <td>姓名</td>
  <td>性别</td>
  <td>年龄</td>
  <td>电话</td>
  <td>简历</td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
</body>
</html>