您的位置
主页 > 网站技术 > 语言编程 > » 正文

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

来源: 站长圈 点击:

在页面中绘制表格可以满足我们对数据的输入需求,在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中

最后调用此方法就行。
 




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明