從javascript數組數據生成4列表
[英]Generate a 4 column table from javascript array data
問題描述
我的問題與如何從JavaScript數組生成3x3 HTML表非常相似，唯一的問題是我希望在該線程中得到的答案我似乎無法完成工作（我喜歡它，因為它不使用innerHTML）。
我當前的代碼：
var alphabet = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];
var table = document.createElement("table");
var i = 0;
for (var r = 0; r < 4; r++) {
var row = table.insertRow();
for (var c= 0; c < 4; c++) {
var cell = row.insertCell();
cell.appendChild(document.createTextNode(alphabet[i++]));
}
}
document.body.appendChild(table);
基本上，當我在HTML文檔中包含此.js文件時，沒有任何反應。 我嘗試創建一個表並將其加載到表中，但這沒有任何作用。 我可能在這里缺少明顯的東西。
2 個解決方案
解決方案1
1 已采納 2011-03-08 23:54:02
嘗試
window.onload = function() { var alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"]; var table = document.createElement("table"); var i = 0; for (var r = 0; r < 4; r++) { var row = table.insertRow(r); for (var c = 0; c < 4; c++) { var cell = row.insertCell(c); cell.appendChild(document.createTextNode(alphabet[i++])); } } document.body.appendChild(table); }
解決方案2
0 2011-03-08 23:36:27
不只是包括，將其放在onload
<script type="text/javascript">
function load()
{
// your code here
}
</script>
</head>
<body onload="load()">
從數組數據生成表
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.