Question

您好我的代码如下：

function addRowToTable(num){
if (hasLoaded) {
    var tbl = document.getElementById(TABLE_NAME);
    var nextRow = tbl.tBodies[0].rows.length;
    var iteration = nextRow + ROW_BASE;
    if (num == null) {
        num = nextRow;
    } else {
        iteration = num + ROW_BASE;
    }

    // add the row
    var row = tbl.tBodies[0].insertRow(num);

    // cell
    var cell0 = row.insertCell(0);
    var LNInpT = document.createElement('input');
    LNInpT.setAttribute('type', 'text');
            LNInpT.setAttribute('value', 'name');
            cell0.appendChild(LNInpT);

    // Pass in the elements you want to reference later
    // Store the myRow object in each row
    row.myRow = new myRowObject(textNode, txtInp, cbEl, raEl);
}}

请编辑此代码，帮助我在表格第一行之前添加新行。罐

Answer 1

这可以帮到你：

var myTable = document.getElementById('myTable');
var tbody = myTable.tbodies[0];
var tr = tbody.insertRow(-1); // puts it at the start

var td = document.createElement('td');
td.innerHTML = "Something";
tr.appendChild(td);

Answer 2

我建议您使用jQuery，这将使这更容易（使用prepend方法）。如果您不能或不想，您应该可以使用insertBefore。

您可能希望查看此question on SO。

Answer 3

使用jQuery的prepend()方法。

在javascript的第一行之前添加新行

3 个答案: