js删除表格一列

最新推荐文章于 2023-08-01 18:47:37 发布
最新推荐文章于 2023-08-01 18:47:37 发布
阅读量2.4k 收藏
点赞数
分类专栏： js sample 文章标签： generator function javascript html button border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hell_liul/article/details/5693845
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>

<table id= "mytable" border= "1 " cellspacing= "0 " cellpadding= "0 "> 
<tr> <td> 11 </td> <td> 12 </td> <td> 13 </td> </tr> 
<tr> <td> 21 </td> <td> 22 </td> <td> 23 </td> </tr> 
<tr> <td> 31 </td> <td> 32 </td> <td> 33 </td> </tr> 
<tr> <td> 41 </td> <td> 42 </td> <td> 43 </td> </tr> 
</table> 

<INPUT TYPE="button" VALUE="addColumn" ONCLICK="removeColumn()">

 </BODY>
 <SCRIPT LANGUAGE="JavaScript">
 <!--

//添加列
function addColumn() 
{ 
  var rows = document.all("mytable").rows; 
  for (var i=0; i < rows.length; i++) 
  { 
var cells = rows[i].cells; 
var sum = 0.0; 
for (var j=0; j < cells.length; j++) 
{ 
var txt = cells[j].innerText; 
if (!isNaN(txt)) 
sum += parseFloat(txt); 
} 

var cell = rows[i].insertCell(); 
cell.innerText = sum; 
  } 
} 

//删除列
function removeColumn() 
{ 
var num=1;
  var rows = document.all("mytable").rows; 
  for (var i=0; i < rows.length; i++) 
  { 
var cells = rows[i].cells; 

for (var j=0; j < cells.length; j++) 
{ 

if(j+1==num)
{
cells[j].removeNode();
}
  } 
} 
}
 //-->
 </SCRIPT>
</HTML>
创建js表格与删除行与列
gh323093的博客
11-04 377
html> html> head> meta charset="UTF-8"> title>createTable2.htmltitle> style type="text/css"> table{ border:#00ffff solid 2px; border-collapse:collapse;
js实现动态增加和删除表格的行和列。实例
02-08
js实现动态增加和删除表格的行和列。实例 js实现动态增加和删除表格的行和列。实例
javascript js 删除表格的行、单元列
cx732cx
07-05 184
　　大发现，大家在贴代码的时候。系统会自动加上一些代码或注释之类的东西，像script或style会被加上其他字符。并且有2份相同的代码，这时你可以把在线编辑器中的textarea中的代码删掉。重新贴上去就可以了，注意是重新贴上上去，不是重新插入！！这样就没有问题了，呵呵~~~ 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　...
js实现动态删除表格的行或者列-------Day57
麦田里
07-04 7923
让静态页面动起来，这句话有没有毛病啊....
js动态删除表格中的行和列
布奇小米
09-16 923
1、删除行，得到table，删除行 &lt;body&gt; &lt;div&gt; &lt;table id="t1"&gt; &lt;tr id="tr1"&gt; &lt;td&gt;1&lt;/td&gt; &lt;td class='kon'&gt;2&lt;/td
js-表格(table)添加列、删除列
weixin_30527323的博客
03-18 802
　　功能图片截图如下： 　　 　　一、Js代码如下： 　　 <script language="javascript" type="text/javascript"> function findObj(theObj, theDoc) { var p, i, foundObj; if (!theDo...
js 添加删除表格
03-06
以下是一个简单的例子，展示如何使用JavaScript添加和删除表格行： ```javascript // 获取表格元素 var table = document.getElementById('myTable'); // 添加行 function addRow() { var row = table.insertRow...
JavaScript动态操作表格实例(添加,删除行,列及单元格)
10-26
本文档主要介绍了如何使用JavaScript来动态操作HTML表格，包括添加、删除表格中的行、列以及单元格。以下是对文档中提及内容的知识点详细说明： ### 标题知识点 1. **JavaScript动态操作表格**：指利用JavaScript...
JavaScript获取表格（table）当前行的值、删除行、增加行
10-24
如果用户点击“确定”，则获取选中行的第一列的值，作为删除提示，然后通过`removeChild()`方法从其父节点（tbody）中移除选中的行。 最后，我们看如何增加一行。这个例子没有提供具体的`add()`函数实现，但通常...
js操作table元素实现表格行列新增、删除技巧总结
10-23
首先，我们来看如何删除表格的行。在JavaScript中，`doTableRowDelete`函数用于删除指定的行。这个函数通常会根据事件对象（`event`）来找到对应的`TR`元素（即表格行），然后进行删除。它有一个可选参数`tdCount`，...
Vue.js实现表格动态增加删除的方法（附源码下载）
10-20
删除表格行则需要一个“删除”按钮，这里的`@click="deletePerson($index)"`事件监听器会调用`deletePerson`方法，并传入当前行的索引。这个方法根据索引从`people`数组中移除对应的对象： ```javascript methods: ...
JS动态添加、删除Table行排序（删除整行、删除整列）
10-12
JS动态添加、删除Table行排序（删除整行、删除整列）JS动态添加、删除Table行排序（删除整行、删除整列）
js动态删除table表的指定行和列
热门推荐
Touatou的博客
05-23 1万+
javascript删除行和列 function deleteCol(obj){ var index=obj.cellIndex; var table = document.getElementById("table"); var len = table.rows.length; for(var i = 0;i < len;i++){ table
html列表删除特定的列,js动态删除表格中的某一行
weixin_33226816的博客
06-16 1069
js动态删除表格中的某一行动态创建的表格有删除功能，可以删除表格中的某一项#tab{margin-top: 20px;}#tab tr td{width: 140px;height: 30px;text-align: center;}姓名性别年龄操作var txt1=document.querySelector("#txt1")var txt2=document.getElementById("t...
VUE使用xlsx 导出excel ,删除指定列
最新发布
YC是个程序员的博客
08-01 2781
关键就是里面有个 hidden 属性设置为true 就可以删除 那一列的数据。达不到要求，按照要求一列空白不显示，在网上看了很多博客，最后做一下总结，最开始直接用xlsx,导出结果为下图。
JS隐藏gridview最后一列
我翱翔的天空
04-06 2260
继上篇《BS下实现打印gridview》 引言：       亲爱的读者，你好。上篇末尾提到了一个精彩部分，gridview的最后一列进行打印时的隐藏。               如果将最后一列打印出来可就不好看了。那怎么解决呢。 具体解决方案： 思路：         打印的时候将其隐藏，打印后再将其显示出来。 JS代码（红色字体）： fun
js 生成表格 添加，删除行、列。行，列数据交换
qq_24892029的博客
10-17 596
Insert title here      input[type=text]{     width:30px;    }        /*     * javascript中对表格的操作:创建表格 删除行 删除列 交换行 交换列     */    function creatTable(){     //获取页面中原有的table     var oldTabl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值