使用js在页面中绘制表格核心代码
更新时间:2013年09月16日 10:42:59 作者:
在页面中绘制表格可以满足我们对数据的输入需求,在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中
最后调用此方法就行。
如何使用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中
最后调用此方法就行。
相关文章
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
今日闲来无事就写写JS,用来显示/隐藏制定的DIV区域。2010-03-03JavaScript中的appendChild()方法示例详解
这篇文章主要介绍了JavaScript中的appendChild()方法,appendChild()方法是向节点添加最后一个子节点,也可以使用此方法从一个元素向另一个元素移动元素,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下2023-10-10
最新评论