html中table中加body,js在table中添加tbody块,方便整块的添加和删除

利用js在table中添加tbody块，方便整块的添加和删除，以下为添加。

var value = "内容";

var value1 = "link";

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

{

var tr = document.createElement("tr"); //新建一个tr类型的Element节点

for(var j=0;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加入节点尾部

一次添加一个tr,可以使用以下

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=‘删除‘

}}

整块删除只需要

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行 可以用以下方法

var parNode=document.getElementById("table1");

parNode.deleteRow(2);//从表中删除第三行tr

原文：http://www.cnblogs.com/Uncho/p/4274241.html