js在table中添加删除tbody内容

<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<script language="javascript">
var value = "内容";
var value1 = "<a href='*'>link</a>";
var row = 5; //创建5行
var col = 7; //创建7格
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
var tbody1=document.createAttribute("tbody1");

for(var i=0;i<row;i++)   
{
 var tr = document.createElement("tr"); //新建一个tr类型的Element节点
 for(var j=0;j<col;j++)  
 {
  var td = document.createElement("td"); //新建一个td类型的Element节点
  td.innerHTML = value1;// 链接。。。。
  tr.appendChild(td); //将节点td加入tr中
 }
 tbody.appendChild(tr); //将节点tr加入tbody中
}
var parNode = document.getElementById("table1"); //定位到table上
parNode.appendChild(tbody); //将节点tbody加入节点尾部
</script>
一次添加一个tr,可以使用以下
<script>
var i=0,arr=new Array('F9F9F9','F0F0F0');
function addNew(){
var parNode = document.getElementById("table1"); //定位到table上
 tr=parNode .insertRow();tr.style.backgroundColor=arr[i%2];

 tr.insertCell().innerText="图片"+(++i);
 tr.insertCell().innerHTML='<input type=file name=pic'+i+' class=border_index> <a href=javascript:void(0) οnclick=del()>删除</a>'
}}
整块删除只需要
<script language="javascript">
var parNode = document.getElementById("table1"); //定位到table上
var tbody;
if(-[1,]){ //非IE
tbody=document.getElementsByTagName("tbody")[0];
parNode.removeChild(tbody); 
}else{ //IE
tbody=document.getElementsByTagName("tbody")[0];
parNode.removeNode(tbody); 
}
一次删除 一个tr行 可以用以下方法
<script language="javascript">
var parNode=document.getElementById("table1");
parNode.deleteRow(2);//从表中删除第三行tr

</script>
 
想要删除Tbody中的内容但是不删除tbody
while (tbody.hasChildNodes()) { tbody.removeChild(tbody.lastChild); }
在JavaScript,向表格添加删除内容通常涉及到操作DOM(文档对象模型)。以下是如何使用JavaScript向表格添加删除内容的基本方法: 1. 向表格添加内容: - 首先,你可以创建一个新的`<tr>`元素,表示表格的一行。 - 然后,在这个`<tr>`元素创建多个`<td>`元素,每个`<td>`元素代表一列。 - 通过设置`<td>`元素的`innerHTML`属性来填充数据。 - 最后,将这个新的`<tr>`元素添加到表格。 示例代码如下: ```javascript function addRowToTable(tableId, newRowContent) { let table = document.getElementById(tableId); let newRow = table.insertRow(); // 创建新行 newRowContent.forEach(text => { let cell = newRow.insertCell(); // 创建新单元格 cell.innerHTML = text; // 设置单元格内容 }); } // 调用函数添加新行,例如: addRowToTable('myTable', ['单元格1内容', '单元格2内容', '单元格3内容']); ``` 2. 从表格删除内容: - 首先,需要确定要删除内容所在的行或单元格。 - 使用`removeChild()`方法从其父节点移除指定的子节点。 - 如果是删除整行,则通过获取行的引用,然后调用其父节点(通常是`<tbody>`或`<table>`)的`removeChild()`方法。 示例代码如下: ```javascript function removeRowFromTable(tableId, rowIndex) { let table = document.getElementById(tableId); let rowCount = table.rows.length; if (rowIndex >= 0 && rowIndex < rowCount) { table.deleteRow(rowIndex); // 删除指定索引的行 } } // 调用函数删除指定索引的行,例如: removeRowFromTable('myTable', 0); // 删除第一行 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值