javascript如何每隔四个单元格添加一行

javascript how to add a row every forth cell?

本文关键字：添加 一行 单元格 四个 javascript 何每隔      更新时间：2023-09-26

我正在用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条记录开始一个新行。

http://jsfiddle.net/X5g2p/1/

相关文章：