使用js在页面中绘制表格核心代码

2024-05-06 15:52:01

字体：大中小

来源：转载

供稿：网友

在页面中绘制表格可以满足我们对数据的输入需求，在js中可以很容易实现，下面有个不错的示例，感兴趣的朋友可以参考下

1.先写一个<table>，中间放入<tbody>，但是<tbogy>什么也不加

如何使用js在页面中绘制表格

2.在js中写入方法，绘制表格

如何使用js在页面中绘制表格

其核心语句就是：

var row=document.createElement_x("tr"); 就是创建行

var cell=document.createElement_x("td"); 就是创建列

cell.appendChild(document.createTextNode(message)); 就是向列的每一个小格添加子节点和内容（必写）

row.appendChild(cell); 就是将每一列（一个小格）加到行中

document.getElementByIdx_x("tbodyname").appendChild(row); 就是讲每一行添加到tbody中

最后调用此方法就行。

上一篇：document.documentElement和document.body区别介绍

下一篇：判断一个变量是数组Array类型的方法