我正在使用 javascript 创建一个表。我希望我的表格一行中有 4 个单元格,因此第 5 个单元格将位于新行中。
如果我有 10 个对象要在单元格上显示,我将有 2 个完整行和 1 行只有 2 个单元格。
这是我的代码。有什么想法吗??
var a = { style: ["1","2","3","4", "5","6"]};
var oldTable = document.getElementById('example'),
newTable = oldTable.cloneNode();
var b = a.style.length;
for (var i= 0; i <= 4; i++){
if (b >= 4) {
var tr = document.createElement('tr');
var k = "";
for(var j = 0; j < b; j++) {
var td = document.createElement('td');
var div = document.createElement('div');
div.style.width="175px";
div.style.height="250px";
div.appendChild(document.createTextNode(a.style[k++]));
td.appendChild(div);
tr.appendChild(td);
}
}
newTable.appendChild(tr);
}
oldTable.parentNode.replaceChild(newTable, oldTable);
最佳答案
完全删除外循环以及 if
。那么你主要只需要这个:
if(j%4 == 0 && j != 0){
newTable.appendChild(tr);
tr = document.createElement('tr');
}
这将每 4 条记录开始一个新行。
关于javascript 如何在每个单元格中添加一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17842308/