javascript實現(xiàn)動態(tài)表頭及表列的展現(xiàn)方法
更新時間:2015年07月14日 12:04:17 作者:愷哥
這篇文章主要介紹了javascript實現(xiàn)動態(tài)表頭及表列的展現(xiàn)方法,涉及javascript動態(tài)操作table元素的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)動態(tài)表頭及表列的展現(xiàn)方法。分享給大家供大家參考。具體如下:
<!-- 作者:愷哥 時間:2008-11-5 用途:測試動態(tài)表頭與動態(tài)表列的展現(xiàn) --> <html> <head> <title>test</title> </head> <body> <script language="javascript"> //初始化表列 var t_column = new Array("col_head"); for(var m=0;m<10;m++){ t_column.push("col"+m); } //初始化表行 var t_row = new Array(); for(var m=0;m<5;m++){ t_row.push("row"+m); } function p(o){ document.writeln(o); } p("<table width=\"95%\" border=\"1\">"); p("<tr>"); for(var i=0;i<t_column.length;i++){ p("<td>"+t_column[i]+"</td>"); } p("</tr>"); for(var j=0;j<t_row.length;j++){ p("<tr>"); p("<td>"+t_row[j]+"</td>"); for(var k=1;k<t_column.length;k++){ p("<td>value"+k+"</td>"); } p("</tr>"); } p("</table>"); </script> </body> </html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- Javascript動態(tài)創(chuàng)建表格及刪除行列的方法
- javascript實現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法
- javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù)實例詳解
- JavaScript動態(tài)改變表格單元格內(nèi)容的方法
- JavaScript動態(tài)加載樣式表的方法
- javascript 動態(tài)創(chuàng)建表格的2種方法總結(jié)
- javascript 動態(tài)創(chuàng)建表格
- javascript為下拉列表動態(tài)添加數(shù)據(jù)項
- javascript動態(tài)向網(wǎng)頁中添加表格實現(xiàn)代碼
- JavaScript動態(tài)操作表格實例(添加,刪除行,列及單元格)
相關(guān)文章
詳解template標簽用法(含vue中的用法總結(jié))
這篇文章主要介紹了template標簽用法(含vue中的用法總結(jié)),本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2021-01-01JavaScript的級聯(lián)函數(shù)用法簡單示例【鏈式調(diào)用】
這篇文章主要介紹了JavaScript的級聯(lián)函數(shù)用法,結(jié)合簡單實例形式分析了javascript鏈式調(diào)用具體定義及使用方法,需要的朋友可以參考下2019-03-03javascript 讀取xml,寫入xml 實現(xiàn)代碼
javascript xml讀取,寫入xml 實現(xiàn)代碼2009-07-07js禁止Backspace鍵使瀏覽器后退的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s禁止Backspace鍵使瀏覽器后退的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09