实现table的insertRow_table函数怎么用资源-CSDN文库

共3个文件

html：1个

css：1个

js：1个

实现table的insertRow

3星 · 超过75%的资源需积分: 15 154 浏览量 2011-09-14 18:14:27 上传评论收藏 26KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

insertRow.rar （3个子文件）

lkbk.css 10KB

jquery-1.4.2.min.js 71KB

inserRow.html 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" href="lkbk.css"/> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <script language="javascript" src="jquery-1.4.2.min.js"></script> <script language="javascript"> $( function(){ $("a:contains('添加')").bind("click",function(){ $("#txr").each( function(){ var doc=document; var _table=this; var tr=_table.insertRow(); tr.className="trco3"; var td=tr.insertCell(); var a=doc.createElement("A"); a.onclick = function() { event.srcElement.parentElement.parentElement.parentElement.deleteRow(); }; a.innerHTML="删除"; td.appendChild(a); td=tr.insertCell(); var input="<input type='text' class='iput1' style='length:120px;'>"; td.insertAdjacentHTML("beforeEnd",input); tr.insertCell().insertAdjacentHTML("beforeEnd",input); tr.insertCell().insertAdjacentHTML("beforeEnd",input); tr.insertCell().insertAdjacentHTML("beforeEnd",input); } ); }); } ); </script> <body> <form> <table> <tr><td colspan="7" class="tblbtbg">>>报警设置  <a href="javascript:;">添加</a></td> </tr> <tr ><td colspan="7"> <table id="txr" cellpadding="0" cellspacing="0" class="table4 nowrap" style="background:#FFFFFF;margin-top:4px;table-layout:fixed;border-top: 30px;" > <thead> <th >报警方式</th> <th >手机号码</th> <th >警号</th> <th >备注</th> <th >操作</th> </thead> </table> </td> </tr> </table> </form> </body> </html>

评论收藏

内容反馈