DOM动态添加表格

时间:2023-03-09 18:34:28
DOM动态添加表格
            var table=document.createElement("table");
table.border=1;
var b=document.createElement("tbody");
table.appendChild(b); var c=document.createElement("tr");
b.appendChild(c);
var d=document.createElement("th");
d.appendChild(document.createTextNode("name"));
c.appendChild(d); var e=document.createElement("th");
e.appendChild(document.createTextNode("sex"));
c.appendChild(e); document.body.appendChild(table);

后来加了一些属性和方法

代表各个部分的属性的指针

tBodies

tFoot

tHead

rows

cells

创建的方法

createTHead()

createTFoot()

insertRow()

insertCell()

删除

deleteTHead()

deleteTFoot()

deleteRow()

deleteCell()