一.添加
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;
}
}
分享到:
相关推荐
又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp <table id=viewTabs> <thead> <tr> <th>...
/** * 处理新增附件的表单域的业务 * 在引用页面中相应的程序为: * 例如: * 1、<script language="javascript" src="js/...">删除</a> * </td> * </tr> * </table> * <!-- end --> * * */
一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code <!DOCTYPE ...
<tr><td><a href="javascript:clickMenu()" oncontextmenu = showMenu('1')>菜单一</a></td></tr> <tr><td><a href="javascript:clickMenu()" oncontextmenu = showMenu('2')>菜单二</a></td></tr> </table> </...
//创建一行 for(var i=0;i<num1;i++){ var _tr=_table.insertRow(i); //创建八列 for(var j=0;j<num2;j++){ var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+...
表格头:<thead><tr><th></th></tr></thead> 表格体:<tbody><tr><td></td></tr></tbody> 表格尾:<tfoot><tfoot> table标签里还可以设置很多属性 2.1.2表单标签<form>,常常用于提交数据 <form> <input > </...
<td id=”b”>第一行</td> </tr> <tr id=”tr2″> <td width=6%><input type=checkbox id=”box2″></td> <td id=”b”>第二行</td> </tr> <tr bgcolor=#0000FF> <td width=6%><input type=checkbox id=”...
如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: <table width=100% border=1 cellspacing=0 cellpadding=0 id=example_table> <tr> <td> </td> <td> </td> <td> </td> <td>...
方法一:用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容 .subLongText{ width:150px; height:24px; overflow:hidden;...<td>以下两种方式都可以解决textarea行</td> </tr> </table> </BODY> </HTML>
HTML标签只写一行表头 通过JS来写动态的表格(有多少组数据,就自动创建多少行表格) 为学习和演示,采用固定的数据,不涉及调用后台数据 代码实现: HTML内容: <table cellspacing=0> <thead> <tr> <th>姓名</...
表格插入演示练习鉴于以下 HTML 提供了一个 JavaScript 函数,该函数将名字、... < table> < thead> < tr> < th> Name </ th> < th> Status </ th> </ tr> </ thead> < tbody> < tr> < td> Doe, John </ td> < td> Ap
<script src="Script/jquery-1.4.1.min.js" src="Script/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="Script/jquery.pagination.js" mce_src="Script/jquery.pagination.js" type="text/...
在javascript中写添加表格的语句 若在当前html文件中,则写在[removed]标签内部,如 代码如下: [removed] document.getElementById(“tbl”)[removed]=”<table><tr><td></td></tr></table>” //此处添加的表格可...
台式刮刀简单实用程序,用于将给定网站上的html表中的数据抓取到javascript... < table> < thead> < tr> < th> State </ th> < th> Capital City </ th> < th> Pop. < th> </ tr> </ thead> < tbody> < tr> < td> Minn
删除行 代码如下:[removed] function del(obj) { obj[removed][removed].removeNode(true); } [removed] <body> <table> <tr> <td>单元格1</td> <td><...</td> </tr> <tr> <td>单元格2</td>
"> </span>半年广东省房屋市政工程安全生产文明施工示范工地申报项目汇总表</td></tr><tr><td style="text-align:left;">地区(部门)公 章: </td><td style="text-align:right;">报送时间: 年 月 日</td></tr></...
1、创建一个5行4列的表格、<tr>表示一行,<td>表示一列,<th>表示这一列加粗显示。 2、给表格的元素赋值 3、创建Javascript的表单
<tr><td>${being.name}<td>${being.price} Euros </#list> </table> 输出为: <p>We have these animals: <table border=1> <tr><th>Name<th>Price <tr><td>mouse<td>50 Euros <tr><td>...
我们从一个小例子开始: XHTML(只列出了表格部分,请自行补完页面,本例在Transational的DTD下通过): 代码如下: <table class=”datatable” cellspacing=”0″> <thead> <tr> <th>Item</th> <th>Value</th> </...
<p>请输入上面的4位字母或数字,看不清可<a href="javascript:updateseccode()">更换一张</a></p> <input type="text" id="seccode" name="seccode" value="" class="t_input" onBlur="checkSeccode()" ...