html dom增删表格,DOM增删操作（创建删除表格）

//创建table

function createTable(){

var tab = document.createElement('table');

tab.border = 1;

tab.id = 'mtab';

var caption = tab.createCaption();

caption.innerHTML = 'helle';

for(var i = 0;i<5;i++){

var tr = tab.insertRow(i);

for(var j=0;j<4;j++){

var td = tr.insertCell(j);

td.innerHTML = ''+i+j;

}

}

document.getElementById('test').appendChild(tab);

}

//删除行

function deleterow(){

var tab = document.getElementById('mtab');

if(tab.rows.length > 0){

tab.deleteRow(tab.rows.length - 1);

}

}

//删除列

function deletecell(){

var tab = document.getElementById('mtab');

var row = tab.rows[tab.rows.length - 1];

if(row.cells.length > 0){

row.deleteCell(row.cells.length -1);

}

}

createTable

deleterow

deletecell

---

本文来源于网络：查看 >https://www.cnblogs.com/youcandomore/p/7251487.html