打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
js控制删除table的行

<html>
<head>
<script language="javascript">
var r=-1;
function addrow(){
r++;
//alert(r);
var tbody = document.getElementById("tb");
var row = tbody.insertRow();

        var innerHTML1 = "<input type='text' name='cusername' size='15' value=''>";
         var innerHTML2 = "<input type='text' name='cpassword' size='15' value=''>";
   var innerHTML3 = "<input type='button' name='cpassword2' value='删除' onclick='remove("+r+")'>";
    row.insertCell(0).innerHTML = innerHTML1;
          row.insertCell(1).innerHTML = innerHTML2;
    row.insertCell(2).innerHTML = innerHTML3;
   tbody.appendChild(row);

}
function remove(ind){

//alert(ind);

var tbody = document.getElementById("tb");
r--;
    var oTr = tbody.childNodes[ind];
   // alert(tbody.childNodes.length);
   // alert(oTr.tagName);
   //alert(oTr.innerHTML);

   tbody.removeChild(oTr);
    var trRows = tbody.childNodes;
    for (var i = ind; i < trRows.length; i++) {
        var sibingTr = trRows[i];
        //alert(sibingTr.innerHTML);
        if (sibingTr == null) {
            continue;
        }
        var cells = sibingTr.childNodes;
        for (var j = 0; j < cells.length; j++) {
            var oldContent = cells[j].innerHTML;
             if (j == 0) {
                var replaceRegx = "(\d+)/g";
                oldContent = oldContent.replace(replaceRegx, "" + (i + 1));
            }
            cells[j].innerHTML = ProcessStrIndex(oldContent, i);
        }
        //alert(sibingTr.innerHTML);
    }
}

function ProcessStrIndex(str, index) {
//alert(index);
   var replaceRegx = /\(\d+\)/g;
    str = str.replace(replaceRegx, "(" + index + ")");
    replaceRegx = /\[\d+\]/g;
    str = str.replace(replaceRegx, "[" + index + "]");
    return str;
}
</script>
</head>
<table border = "1" width="55%">
<tbody id = "tb">
<thead><td colspan = "3">addAndRemoveRows</td></thead>
</tbody>
<tr align = "left"><td align = "right" colspan="3"><input type="button" value="添加" onclick="addrow()"/></td></tr>
</table>
</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
js选择日期
Web-第三天 JavaScript学习【悟空教程】
js动态添加css
在页面中动态添加一行以及删除一行列表
JS 判断输入框值是否为空
EJS入门
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服