用JavaScript制作添加表格行列

发布网友发布时间：2022-05-02 02:29

共4个回答

热心网友时间：2022-04-24 20:07

从书上抄下来的一段代码：
<script language="javascript" type="text/javascript">
window.onload = function(){
//创建talbe
var table = document.createElement('table');
table.border = 1;
table.width = "100%";

//创建tbody
var tbody = document.createElement('tbody');
table.appendChild(tbody);

//创建第一行
tbody.insertRow(0);
tbody.rows[0].insertCell(0);
tbody.rows[0].cells[0].appendChild(document.createTextNode('cell 1,1'));
tbody.rows[0].insertCell(1);
tbody.rows[0].cells[1].appendChild(document.createTextNode('cell 2,1'));

//创建第二行
tbody.insertRow(1);
tbody.rows[1].insertCell(0);
tbody.rows[1].cells[0].appendChild(document.createTextNode('cell 1,2'));
tbody.rows[1].insertCell(1);
tbody.rows[1].cells[1].appendChild(document.createTextNode('cell 2,2'));

document.body.appendChild(table);
}
</script>

热心网友时间：2022-04-24 21:25

jquery行吗，那个更方便

热心网友时间：2022-04-24 23:00

路过..

热心网友时间：2022-04-25 00:51

供参考：
<table>
<tbody id="test"></tbody>
</table>

代码：
var test = document.getElementById("test");
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerHTML = "xxxx";
tr.appendChild(td);
test.appendChild(tr);