JS創(chuàng)建自定義表格具體實現(xiàn)
更新時間:2014年02月11日 15:11:01 作者:
創(chuàng)建自定義表格的方法有很多,本文為大家介紹下使用js是如何創(chuàng)建的,感興趣的朋友可以參考下
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內(nèi)容
oTd1.innerHTML = "@process_time顯示處理某個頁面所需要的時間";
oTd2.innerHTML = "無需設(shè)置參數(shù)";
oTd3.innerHTML = "無需設(shè)置參數(shù)值";
}
JSP:
<table style="width:700px;" id="table1">
<thead >
<tr>
<th>
參數(shù)描述
</th>
<th>
包含此參數(shù)
</th>
<th>
參數(shù)值
</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內(nèi)容
oTd1.innerHTML = "@process_time顯示處理某個頁面所需要的時間";
oTd2.innerHTML = "無需設(shè)置參數(shù)";
oTd3.innerHTML = "無需設(shè)置參數(shù)值";
}
JSP:
復制代碼 代碼如下:
<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組合動態(tài)創(chuàng)建表格實例
- javascript如何創(chuàng)建表格(javascript繪制表格的二種方法)
- javascript 動態(tài)創(chuàng)建表格
- javascript 動態(tài)創(chuàng)建表格的2種方法總結(jié)
- javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù)實例詳解
- Javascript動態(tài)創(chuàng)建表格及刪除行列的方法
- JavaScript如何動態(tài)創(chuàng)建table表格
- 基于JavaScript實現(xiàn)動態(tài)創(chuàng)建表格和增加表格行數(shù)
- JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼
相關(guān)文章
所見即所得的富文本編輯器bootstrap-wysiwyg使用方法詳解
這篇文章主要為大家分享一款所見即所得的富文本編輯器bootstrap-wysiwyg,并詳細告訴大家文本編輯器bootstrap-wysiwyg的使用方法,感興趣的小伙伴們可以參考一下2016-05-05JavaScript設(shè)計模式之工廠模式和構(gòu)造器模式
這篇文章主要介紹了JavaScript設(shè)計模式之工廠模式和構(gòu)造器模式,本文同時講解了設(shè)計模式的類別如創(chuàng)建型設(shè)計模式、結(jié)構(gòu)型設(shè)計模式、行為設(shè)計模式等內(nèi)容,需要的朋友可以參考下2015-02-02JavaScript之面向?qū)ο骭動力節(jié)點Java學院整理
JavaScript的面向?qū)ο缶幊毯痛蠖鄶?shù)其他語言如Java、C#的面向?qū)ο缶幊潭疾惶粯?。下面通過本文給大家介紹js面向?qū)ο笾R,包括面向?qū)ο蟮膬蓚€基本概念,一起看看吧2017-06-06