Question

我试图在表格中追加一行。这是我试过的代码

function load() {
    for (var k = 0; k < 1; k++) {

        var myTableDiv = document.getElementById("pID");
        var tableBody = document.getElementById("tBody");
        var table = document.getElementById('pTable');
        table.appendChild(tableBody);
        for (var i = 0; i < 3; i++) {
            var tr = document.getElementById('RiskRow');

            tableBody.appendChild(tr);

            for (var j = 0; j < 1; j++) {
                var element1= document.getElementById('RiskTD');
                var element2= document.getElementById('severityTD');
                var element3= document.getElementById('mitigationTD');
                var element4= document.getElementById('contingencyTD');
                var element5= document.getElementById('riskStatusTD');
                tr.appendChild(element1);
                tr.appendChild(element2);
                tr.appendChild(element3);
                tr.appendChild(element4);
                tr.appendChild(element5);
            }

        }
        myTableDiv.appendChild(table);
    }
}

但这导致只追加一行。我需要在for循环之后添加多行。我不知道我在哪里坚持下去。

Answer 1

无论你有多余的循环（var k = 0; k < 1将始终执行一次......），你看到这种行为的原因是因为你试图反复追加相同的元素。这将导致元素被移动而不是被复制。

查看 document.cloneNode

无法通过javascript函数附加行

1 个答案: