Question

js 动态添加删除行

点击了 上一页或者是下一页，需要将开始的3行删除。每页只显示3行。我这样写的js代码怎么不起作用呀

function watching() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var res = xhr.responseText;
var resJson = eval("(" + res + ")");
appendTable(resJson.list); //动态添加行
makePageSpan(resJson.rowCount, resJson.pageCount);
} else {
alert("xhr.status ==" + xhr.status);
}
}
}

//添加行方法
function appendTable(jsonObj) {
var tabL = gel("tbList"); //获取表格对象
var taRow = tabL.rows;
if (taRow > 1) {
tabL.deleteRow(2); //清除之前的行，尝试下先删除一行都不起作用呀
}
for(i = 0; i < jsonObj.length; i++) {
var nRow = tabL.insertRow(-1); //插入一行
var nCol1 = nRow.insertCell(-1);
var nCol2 = nRow.insertCell(-1);
var nCol3 = nRow.insertCell(-1);
var nCol4 = nRow.insertCell(-1);
var nCol5 = nRow.insertCell(-1);
var nCol6 = nRow.insertCell(-1);
nCol1.innerHTML = i + 1; //序号
nCol2.innerHTML = jsonObj[i].Id;
nCol3.innerHTML = jsonObj[i].Cname;
nCol4.innerHTML = jsonObj[i].Height;
nCol5.innerHTML = jsonObj[i].Aihao;
nCol6.innerHTML = "<a href='javascript:doDel(" + jsonObj[i].ID + ")'>删</a> <a href='javascript:doModify(" + jsonObj[i].ID + ")'>改</a>";
}

}

Answer 1

function appendTable(jsonObj) {
    var tabL = gel("tbList");
    var taRow = tabL.rows; //tabL 对象的行集合
 
    //这里应该是判断有几行，取 length
    if (taRow.length > 1) { //原先是不满足条件，而不是删除不起作用
        tabL.deleteRow(2);
    }
    for (i = 0; i < jsonObj.length; i++) {
        //...

        //如果你的 ID 不是纯数字的话，要用下面的写法
        nCol6.innerHTML = "<a href=\"javascript:doDel('" + jsonObj[i].ID + "')\">删</a>&nbsp;...";
    }
}

Answer 2

var taRow = tabL.rows;
if (taRow > 1) {
tabL.deleteRow(2); //清除之前的行，尝试下先删除一行都不起作用呀
}
改成：
var taRow = tabL.rows.length;
if (taRow > 1)
{
for(var i=0;i<=2;i++)
{
tabL.deleteRow(1);
}
}