`

使用javascript添加一行与删除一行<tr>

阅读更多
一.添加
var row = document.getElementById("modelRow");  //获取id的值为"modelRow"的对象
 var ln = row.nextSibling;  //获取row的下一个对象
 var ib = document.getElementById("insertRow");  //获取id的值为"insertRow"的对象
 var n = row.cloneNode(true);  //复制row对象
 n.setAttribute("id","model");
 var nln = ln.cloneNode(true);
 row.parentNode.insertBefore(n,ib );  //将对象n插入到对象ib的前面
 row.parentNode.insertBefore(nln,ib);

二.删除
for(var i=2;i<document.all.currow.length; i++){
            if(document.all.currow[i] == obj){
             var ib = document.all.model[i-1];//获取元素节点对象
    var line = ib.previousSibling;//获取同一级的上一个元素
    var row = line.previousSibling;
    if( row.id == "modelRow" )//如果row节点的ID的值等于"modelRow"
    {
     alert('这是最后一项,不能删除');
     return;
    }                 
          ib.parentNode.removeChild(line);//移除line节点
    ib.parentNode.removeChild(row);
    break;
         }
        }
分享到:
评论
1 楼 java-tm0803 2010-10-11  
这......

相关推荐

    基于JavaScript实现动态添加删除表格的行

    又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp &lt;table id=viewTabs&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;...

    可以动态增加table行的javascript代码

    /** * 处理新增附件的表单域的业务 * 在引用页面中相应的程序为: * 例如: * 1、&lt;script language="javascript" src="js/..."&gt;删除&lt;/a&gt; * &lt;/td&gt; * &lt;/tr&gt; * &lt;/table&gt; * &lt;!-- end --&gt; * * */

    JavaScript Table行定位效果

    一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code &lt;!DOCTYPE ...

    js实现 html 鼠标右键 菜单

    &lt;tr&gt;&lt;td&gt;&lt;a href="javascript:clickMenu()" oncontextmenu = showMenu('1')&gt;菜单一&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="javascript:clickMenu()" oncontextmenu = showMenu('2')&gt;菜单二&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/...

    JavaScript table 动态添加行,列

    //创建一行 for(var i=0;i&lt;num1;i++){ var _tr=_table.insertRow(i); //创建八列 for(var j=0;j&lt;num2;j++){ var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+...

    Web前端高级作业一.txt

    表格头:&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt; 表格体:&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt; 表格尾:&lt;tfoot&gt;&lt;tfoot&gt; table标签里还可以设置很多属性 2.1.2表单标签&lt;form&gt;,常常用于提交数据 &lt;form&gt; &lt;input &gt; &lt;/...

    javascript 动态添加表格行

    &lt;td id=”b”&gt;第一行&lt;/td&gt; &lt;/tr&gt; &lt;tr id=”tr2″&gt; &lt;td width=6%&gt;&lt;input type=checkbox id=”box2″&gt;&lt;/td&gt; &lt;td id=”b”&gt;第二行&lt;/td&gt; &lt;/tr&gt; &lt;tr bgcolor=#0000FF&gt; &lt;td width=6%&gt;&lt;input type=checkbox id=”...

    js获取表格的行数和列数的方法

    如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: &lt;table width=100% border=1 cellspacing=0 cellpadding=0 id=example_table&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;td&gt; &lt;/td&gt; &lt;td&gt; &lt;/td&gt; &lt;td&gt;...

    jquery 截取长文本和css

    方法一:用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容 .subLongText{ width:150px; height:24px; overflow:hidden;...&lt;td&gt;以下两种方式都可以解决textarea行&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/BODY&gt; &lt;/HTML&gt;

    JavaScript动态生成表格的示例

    HTML标签只写一行表头 通过JS来写动态的表格(有多少组数据,就自动创建多少行表格) 为学习和演示,采用固定的数据,不涉及调用后台数据 代码实现: HTML内容: &lt;table cellspacing=0&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/...

    Table-Insert-Demo

    表格插入演示练习鉴于以下 HTML 提供了一个 JavaScript 函数,该函数将名字、... &lt; table&gt; &lt; thead&gt; &lt; tr&gt; &lt; th&gt; Name &lt;/ th&gt; &lt; th&gt; Status &lt;/ th&gt; &lt;/ tr&gt; &lt;/ thead&gt; &lt; tbody&gt; &lt; tr&gt; &lt; td&gt; Doe, John &lt;/ td&gt; &lt; td&gt; Ap

    Asp.Net无刷新分页( jquery.pagination.js)

    &lt;script src="Script/jquery-1.4.1.min.js" src="Script/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="Script/jquery.pagination.js" mce_src="Script/jquery.pagination.js" type="text/...

    javascript如何动态加载表格与动态添加表格行

    在javascript中写添加表格的语句 若在当前html文件中,则写在[removed]标签内部,如 代码如下: [removed] document.getElementById(“tbl”)[removed]=”&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;” //此处添加的表格可...

    table-scraper:简单实用程序,用于将给定网站上的html表中的数据抓取到javascript对象列表中

    台式刮刀简单实用程序,用于将给定网站上的html表中的数据抓取到javascript... &lt; table&gt; &lt; thead&gt; &lt; tr&gt; &lt; th&gt; State &lt;/ th&gt; &lt; th&gt; Capital City &lt;/ th&gt; &lt; th&gt; Pop. &lt; th&gt; &lt;/ tr&gt; &lt;/ thead&gt; &lt; tbody&gt; &lt; tr&gt; &lt; td&gt; Minn

    用javascript删除当前行,添加行(示例代码)

    删除行 代码如下:[removed] function del(obj) { obj[removed][removed].removeNode(true); } [removed] &lt;body&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格1&lt;/td&gt; &lt;td&gt;&lt;...&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格2&lt;/td&gt; 

    jeasyui的dataGrid的打印和导出,jeasyui报表 table转成excel 实例下载

    "&gt; &lt;/span&gt;半年广东省房屋市政工程安全生产文明施工示范工地申报项目汇总表&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="text-align:left;"&gt;地区(部门)公 章: &lt;/td&gt;&lt;td style="text-align:right;"&gt;报送时间: 年 月 日&lt;/td&gt;&lt;/tr&gt;&lt;/...

    网页设计实验 Javascript的使用

    1、创建一个5行4列的表格、&lt;tr&gt;表示一行,&lt;td&gt;表示一列,&lt;th&gt;表示这一列加粗显示。 2、给表格的元素赋值 3、创建Javascript的表单

    freemarker总结

    &lt;tr&gt;&lt;td&gt;${being.name}&lt;td&gt;${being.price} Euros &lt;/#list&gt; &lt;/table&gt; 输出为: &lt;p&gt;We have these animals: &lt;table border=1&gt; &lt;tr&gt;&lt;th&gt;Name&lt;th&gt;Price &lt;tr&gt;&lt;td&gt;mouse&lt;td&gt;50 Euros &lt;tr&gt;&lt;td&gt;...

    高亮显示web页表格行的javascript代码

    我们从一个小例子开始: XHTML(只列出了表格部分,请自行补完页面,本例在Transational的DTD下通过): 代码如下: &lt;table class=”datatable” cellspacing=”0″&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Item&lt;/th&gt; &lt;th&gt;Value&lt;/th&gt; &lt;/...

    UCHOME Email获取注册码

    &lt;p&gt;请输入上面的4位字母或数字,看不清可&lt;a href="javascript:updateseccode()"&gt;更换一张&lt;/a&gt;&lt;/p&gt; &lt;input type="text" id="seccode" name="seccode" value="" class="t_input" onBlur="checkSeccode()" ...

Global site tag (gtag.js) - Google Analytics