javascript - 在java脚本的第一行之前添加新行

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。

您可能想在 SO 上查看这个问题。

Answer 3

为此使用 jQuery 的prepend()方法。