使用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中
最后调用此方法就行。
相关文章
微信小程序picker多列选择器(mode = multiSelector)
本文主要介绍了微信小程序picker多列选择器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2021-07-07
JavaScript常用的3种弹出框(提示框 alert/确认框 confirm/输入框 prompt)
三种弹框在系统中都是同步执行的,也就是说,三种弹框中的任一弹框弹出,代码都不在执行,直到点击确认或取消,关闭弹窗后,代码继续执行,本文通过实例代码给大家分享JS常用的3种弹出框,感兴趣的朋友一起看看吧2022-07-07
JavaScript中async和await的使用及队列详情
这篇文章主要介绍了JavaScript中async和await的使用及队列详情,主要围绕js中async和await简单解析展开面试中可能会问到的关于队列的一些场景和知识点,需要的朋友可以参考一下2022-07-07


最新评论