一維數組動態產生N行N列table表的問題
Nov 28, 2016 pm 01:19 PM
table
剛才有人問了我一個問題,問題內容大致如下:
現在需要產生一個7列的表格,表格的內容全部依序儲存在一個JavaScript一維數組中,怎麼實現?
我試著寫出了以下程式碼,一是為了留作紀念,二是萬一將來用得著,就不用到處找了。
具體的程式碼和對應的註解如下:
var arr=[]; var col=7;//这里为生成7列的表格 for (var i=0;i<25;i++){arr[i]=i;}//这里只是举例子,在实践中应该为具体数据 var lines=Math.ceil(arr.length/col);//很关键的一步,这里为生成表格的行数 var str="<table><tbody>";//表头 for (var j=0;j<lines;j++){//遍历表格行 str+="<tr>"; for (var k=0;k<col;k++){//遍历表格列 str+="<td>"; if(typeof arr[k+j*col]=="undefined"){str+="&nbsp";} else{str+=arr[k+j*col];} str+="</td>"; };//表格行结束 str+="</tr>"; }; str+="</tbody></table>"; document.body.innerHTML=str;
登入後複製
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)