当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

JS动态添加删除行
发表于: 2012-07-20   作者:BigBird2012   来源:转载   浏览次数:
摘要: //动态添加行 function addRow(){ var table = document.getElementById("tableID"); var newRow = table.insertRow(); //创建新行 var newCell1 = newRow.insertCell(); //创建新单元格 newCell.innerH
//动态添加行
function addRow(){
   var table = document.getElementById("tableID");
   var newRow = table.insertRow(); //创建新行
   var newCell1 = newRow.insertCell(); //创建新单元格
   newCell.innerHTML = ""; //单元格内的内容
   newCell.setAttribute("align","center"); //设置位置
}
//动态删除行
function deleteRow(){
   var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
   var styles = document.getElementById("tableID");
   styles.deleteRow(rowIndex);
}

 

JS动态添加删除

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
前两天有这样一个需求,就是在一个已经生成了的TABLE界面上动态添加列,并且在添加的列下添加对应的
HTML部分 <table style="width: 100%;" id="TABYESTERDAY11"></table> <input id="T
在WEB项目中有些输入数据的地方,由于数据比较多,经常会遇到要求能动态的增加输入的行数,可以更便
在WEB项目中有些输入数据的地方,由于数据比较多,经常会遇到要求能动态的增加输入的行数,可以更便
网上有一篇类似的文章,没有实现合并功能。 http://www.blogjava.net/caizh2009/articles/279953.ht
ASP.NET网页动态添加、更新或删除数据行 看过此篇《ASP.NET网页动态添加数据行》 http://www.cnblog
看过此篇《ASP.NET网页动态添加数据行》 http://www.cnblogs.com/insus/p/3247935.html的网友,也许
效果: 代码: 1 <head runat="server"> 2 <title></title> 3 <style type="t
首先感谢http://blog.csdn.net/notice520/article/details/6667827,这篇文章对我使用复合控件起了
<html> <head> <script type="text/javascript"> function addRow(){ var newTr
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号