js在table中添加删除tbody内容
2013-05-29 17:35
393 查看
<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) onclick=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); }
相关文章推荐
- 我用JS写的一段创建TABLE,添加行,模糊匹配,根据CHECKBOX删除内容,创建标题的代码(删除完再添加行有计数器的BUG)
- js-表格(table)添加列、删除列
- js实现table添加行tr、删除行tr、清空行tr
- js动态给table添加/删除tr的方法
- js操作html的table,包括添加行,添加列,删除行,删除列
- js操作html的table,包括添加行,添加列,删除行,删除列
- js-表格(table)添加列、删除列
- js动态给table添加/删除tr
- 在js中为table自动添加和删除一行 (IE和firefox兼容)
- js 创建 table 动态添加删除表格行(转)
- 基于table的js目录树的实现,添加修改删除
- js动态给table添加/删除tr
- js控制table增减行 (例如:订单添加删除商品)
- js动态给table添加/删除tr的方法
- js 动态操作table 表格 在指定行后添加行 删除行
- 使用js实现对table的动态添加、删除和更新
- JS对table添加删除一行
- JavaFX表格控件TableView高级应用:自动添加ID列、删除操作列、单元格内容个性化渲染
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- 添加和删除行的能力table(能够编辑的表的内容)