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 = "无需设置参数值";
}
<table style="width:700px;" id="table1">
<thead >
<tr>
<th>
参数描述
</th>
<th>
包含此参数
</th>
<th>
参数值
</th>
</tr>
</thead>
</table>
相关推荐
-
Javascript动态创建表格及删除行列的方法
本文实例讲述了Javascript动态创建表格及删除行列的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
-
javascript 动态创建表格
复制代码 代码如下: <html> <head> <script> function createTable(rows,lines){ this.rows=rows; this.lines=lines; var Body=document.getElementById('body'
-
javascript动态创建表格及添加数据实例详解
本文实例讲述了javascript动态创建表格及添加数据的方法.分享给大家供大家参考.具体分析如下: 1. 动态创建表格(代码不兼容IE6) <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态
-
基于JavaScript实现动态创建表格和增加表格行数
在工作,项目需求中,有时候表格的行数不能够满足我们的需求,这时需要我们动态的增加表格的行数,下面小编通过一段代码实例给大家介绍js创建表格和增加表格的行数的方法,并且还实现了隔行变色功能.对此感兴趣的朋友可以参考一下代码: js代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态操作表格</title> </head>
-
JavaScript如何动态创建table表格
两种JavaScript动态创建table表格的方法,分享给大家,具体实现如下 方法一:最原始的方法,创建一一元素 var a1=document.createElement("table"); var a2=document.createElement("tbody"); var a3=document.createElement("tr"); var a4=document.createElement("td"); //开
-
javascript如何创建表格(javascript绘制表格的二种方法)
1.inserRow()和insertCell()函数 insertRow()函数可以带参数,形式如下: insertRow(index):index从0开始 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前.默认的insertRow()函数相当于insertRow(-1),将新行添加到表的最后.一般我们在使用的时候都是:objTable.insertRow(objTable.rows.length).就是为表格objTable在最后新增一行. i
-
一组JS创建和操作表格的函数集合
stone.js //**************************************神吹表格操作函数******************************************************* //隐藏列 function setHiddenRow(tb,iCol){ for (i=0;i<oTable.rows.length;i++){ tb.rows[i].cells[iCol].style.display = oTable.rows[i].cells[iCo
-
JavaScript与DOM组合动态创建表格实例
这篇文章简单介绍了DOM 1.0一些基本而强大的方法以及如何在JavaScript中使用它们.你可以学到如何动态地创建.获取.控制和删除HTML元素.这些DOM方法同样适用于XML.所有全面支持DOM 1.0的浏览器都能很好地运行本篇的实例,比如IE5,Firefox等. 这篇文章通过实例代码介绍DOM.请从尝试下面的HTML例子开始.它使用DOM 1的方法由JavaScript动态创建一个HTML表格.它创建一个由四个包含文本内容的单元格组成的小表格.单元格的文字内容是:"单元格是第y行第x列
-
javascript 动态创建表格的2种方法总结
第一种方法: 复制代码 代码如下: <html> <head> <script> function createTable(rows,lines){ this.rows=rows; this.lines=lines; var Body=document.getElementById
-
JS封装的自动创建表格的实现代码
为接下来要做一个动态输入的表格积累的资料,非常不错,下面分享给大家,供大家参考,如果有更好的插件和封装的东西,共享下哈.. 关键代码如下: <script type="text/javascript"> var currentActiveRow; //选中的颜色 var customTable = function() { }; customTable.prototype = { init: { ajaxUrl: "", tId: "tbody
随机推荐
- 让Silverlight 2.0动画动起来Making Silverlight 2.0 animation Start(不能运动原因)
- PHP反转字符串函数strrev()函数的用法
- Linux 安装nginx服务器详细介绍
- sql2005 远程连接问题解决方法
- Linux环境下mysql5.7.13安装教程
- 基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
- in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
- 使用 Iisftp.vbs 设置Active Directory 用户隔离
- windows7下php开发环境搭建图文教程
- JavaScript基本对象
- mysql查询表里的重复数据方法
- javascript实现根据汉字获取简拼
- java使用poi读取ppt文件和poi读取excel、word示例
- jq stop()和:is(:animated)的用法及区别(详解)
- 通过批处理bat解决局域网打印机共享问题
- MongoDB中的主从同步配置和mongod相关启动命令讲解
- Nginx配置统计流量带宽请求及记录实时请求状态的方法
- Bootstrap表单使用方法详解
- C# 解析 RAS文件 SUM 光栅文件图象的代码
- php创建图像具体步骤