在页面上addrow,deleteRow

最新推荐文章于 2025-07-29 22:22:21 发布

原创最新推荐文章于 2025-07-29 22:22:21 发布 · 3.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#function #javascript

Javascript 专栏收录该内容

20 篇文章

订阅专栏

博客展示了一段JavaScript代码，包含三个函数。addRow函数用于向表格添加行，deleteRow函数用于删除表格中选中的行，若未选中则给出提示，getUpperObj函数用于获取指定元素的上级元素。这些函数可用于表格操作。

elm.style.display="";
tbody.appendChild(elm);
var i=tbody.children.length;

tbody.children[i-1].children[1].firstChild.innerText=i;
}

function deleteRow(){
var tt = 0;
var tbody=main_table.getElementsByTagName("TBODY")[0];
for (var i=tbody.children.length-1; i>=0 ; i-- )
   if (tbody.children[i].firstChild.firstChild.checked)
  {
   tt = tt + 1;
   tbody.deleteRow(i);
  }
  if((tt == 0)&&( tbody.children.length!=0))
  {
   alert(" 请选择要删除的行！");
  }
for (var i=1; i<=tbody.children.length; i++ )
  tbody.children[i-1].children[1].firstChild.innerText=i;

var thead=main_table.getElementsByTagName("THEAD")[0];
thead.firstChild.firstChild.firstChild.checked =false;

}
//得到obj的上级元素TagName
function getUpperObj(obj,TagName){
var strTagName=TagName.toUpperCase();
var objUpper=obj.parentElement;
while(objUpper){
if(objUpper.tagName==strTagName) break;
objUpper=objUpper.parentElement;
}
return objUpper;
}