JS创建自定义表格具体实现
更新时间:2014年02月11日 15:11:01 作者:
创建自定义表格的方法有很多,本文为大家介绍下使用js是如何创建的,感兴趣的朋友可以参考下
JS部分:
function next() {
//得到table对象
var oTable = document.getElementById("table1");
//插入tr
var oTr = oTable.insertRow();
//一行tr插入3个td
var oTd1 = oTr.insertCell();
var oTd2 = oTr.insertCell();
var oTd3 = oTr.insertCell();
//指定td内容
oTd1.innerHTML = "@process_time显示处理某个页面所需要的时间";
oTd2.innerHTML = "无需设置参数";
oTd3.innerHTML = "无需设置参数值";
}
JSP:
<table style="width:700px;" id="table1">
<thead >
<tr>
<th>
参数描述
</th>
<th>
包含此参数
</th>
<th>
参数值
</th>
</tr>
</thead>
</table>
复制代码 代码如下:
function next() {
//得到table对象
var oTable = document.getElementById("table1");
//插入tr
var oTr = oTable.insertRow();
//一行tr插入3个td
var oTd1 = oTr.insertCell();
var oTd2 = oTr.insertCell();
var oTd3 = oTr.insertCell();
//指定td内容
oTd1.innerHTML = "@process_time显示处理某个页面所需要的时间";
oTd2.innerHTML = "无需设置参数";
oTd3.innerHTML = "无需设置参数值";
}
JSP:
复制代码 代码如下:
<table style="width:700px;" id="table1">
<thead >
<tr>
<th>
参数描述
</th>
<th>
包含此参数
</th>
<th>
参数值
</th>
</tr>
</thead>
</table>
相关文章
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
这篇文章主要为大家分享一款所见即所得的富文本编辑器bootstrap-wysiwyg,并详细告诉大家文本编辑器bootstrap-wysiwyg的使用方法,感兴趣的小伙伴们可以参考一下2016-05-05
最新评论