JS創(chuàng)建自定義表格具體實(shí)現(xiàn)
更新時(shí)間:2014年02月11日 15:11:01 作者:
創(chuàng)建自定義表格的方法有很多,本文為大家介紹下使用js是如何創(chuàng)建的,感興趣的朋友可以參考下
JS部分:
function next() {
//得到table對(duì)象
var oTable = document.getElementById("table1");
//插入tr
var oTr = oTable.insertRow();
//一行tr插入3個(gè)td
var oTd1 = oTr.insertCell();
var oTd2 = oTr.insertCell();
var oTd3 = oTr.insertCell();
//指定td內(nèi)容
oTd1.innerHTML = "@process_time顯示處理某個(gè)頁(yè)面所需要的時(shí)間";
oTd2.innerHTML = "無(wú)需設(shè)置參數(shù)";
oTd3.innerHTML = "無(wú)需設(shè)置參數(shù)值";
}
JSP:
<table style="width:700px;" id="table1">
<thead >
<tr>
<th>
參數(shù)描述
</th>
<th>
包含此參數(shù)
</th>
<th>
參數(shù)值
</th>
</tr>
</thead>
</table>
復(fù)制代碼 代碼如下:
function next() {
//得到table對(duì)象
var oTable = document.getElementById("table1");
//插入tr
var oTr = oTable.insertRow();
//一行tr插入3個(gè)td
var oTd1 = oTr.insertCell();
var oTd2 = oTr.insertCell();
var oTd3 = oTr.insertCell();
//指定td內(nèi)容
oTd1.innerHTML = "@process_time顯示處理某個(gè)頁(yè)面所需要的時(shí)間";
oTd2.innerHTML = "無(wú)需設(shè)置參數(shù)";
oTd3.innerHTML = "無(wú)需設(shè)置參數(shù)值";
}
JSP:
復(fù)制代碼 代碼如下:
<table style="width:700px;" id="table1">
<thead >
<tr>
<th>
參數(shù)描述
</th>
<th>
包含此參數(shù)
</th>
<th>
參數(shù)值
</th>
</tr>
</thead>
</table>
您可能感興趣的文章:
- 一組JS創(chuàng)建和操作表格的函數(shù)集合
- JavaScript與DOM組合動(dòng)態(tài)創(chuàng)建表格實(shí)例
- javascript如何創(chuàng)建表格(javascript繪制表格的二種方法)
- javascript 動(dòng)態(tài)創(chuàng)建表格
- javascript 動(dòng)態(tài)創(chuàng)建表格的2種方法總結(jié)
- javascript動(dòng)態(tài)創(chuàng)建表格及添加數(shù)據(jù)實(shí)例詳解
- Javascript動(dòng)態(tài)創(chuàng)建表格及刪除行列的方法
- JavaScript如何動(dòng)態(tài)創(chuàng)建table表格
- 基于JavaScript實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建表格和增加表格行數(shù)
- JS封裝的自動(dòng)創(chuàng)建表格的實(shí)現(xiàn)代碼
相關(guān)文章
所見(jiàn)即所得的富文本編輯器bootstrap-wysiwyg使用方法詳解
這篇文章主要為大家分享一款所見(jiàn)即所得的富文本編輯器bootstrap-wysiwyg,并詳細(xì)告訴大家文本編輯器bootstrap-wysiwyg的使用方法,感興趣的小伙伴們可以參考一下2016-05-05JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式,本文同時(shí)講解了設(shè)計(jì)模式的類別如創(chuàng)建型設(shè)計(jì)模式、結(jié)構(gòu)型設(shè)計(jì)模式、行為設(shè)計(jì)模式等內(nèi)容,需要的朋友可以參考下2015-02-02AjaxUpLoad.js實(shí)現(xiàn)文件上傳
這篇文章主要為大家詳細(xì)介紹了AjaxUpLoad.js實(shí)現(xiàn)文件上傳的具體代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03javascript獲取當(dāng)前鼠標(biāo)坐標(biāo)的方法
這篇文章主要介紹了javascript獲取當(dāng)前鼠標(biāo)坐標(biāo)的方法,可針對(duì)不同瀏覽器獲取鼠標(biāo)的坐標(biāo)位置,是非常實(shí)用技巧,需要的朋友可以參考下2015-01-01JavaScript之面向?qū)ο骭動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
JavaScript的面向?qū)ο缶幊毯痛蠖鄶?shù)其他語(yǔ)言如Java、C#的面向?qū)ο缶幊潭疾惶粯印O旅嫱ㄟ^(guò)本文給大家介紹js面向?qū)ο笾R(shí),包括面向?qū)ο蟮膬蓚€(gè)基本概念,一起看看吧2017-06-06