table对象insertRow deleteRow 使用 实例
来源:互联网 发布:小鸭淘宝客助手 编辑:程序博客网 时间:2024/05/10 16:36
<!DOCTYPE html><html> <head> <title>table1.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script language = "javascript" type = "text/javascript"><!--function test1(){//判断插入的编号是否已经存在for(var i=0;i<mytable.rows.length;i++){var eachRow = mytable.rows[i];if(eachRow.cells[0].innerText == no.value){window.alert("编号已经存在!");return ;}}//获取表单中的数据var newTableRow = mytable.insertRow(mytable.rows.length);newTableRow.insertCell(0).innerText = no.value;newTableRow.insertCell(1).innerText = name1.value;newTableRow.insertCell(2).innerText = nickName.value;}function test2(){mytable.deleteRow(mytable.rows.length-1);}//--></script> </head> <body> <h1>英雄排行榜</h1> <table id = "mytable" border = "1"> <tr><td>排名</td><td>姓名</td><td>外号</td></tr> <tr><td>1</td><td>宋江</td><td>及时雨</td></tr> <tr><td>2</td><td>卢俊义</td><td>玉麒麟</td></tr> </table> <h1>请输入新的好汉</h1> 编号<input id = "no" type = "text" value = ""><br/> 名字<input id = "name1" type = "text" value = ""><br/> 外号<input id = "nickName" type = "text" value = ""><br/> <input id = "tianjia" type = "button" value = "添加" onclick = "test1()"> <input type = "button" value = "删除最后一行" onclick = "test2()"/> </body></html>
0 0
- table对象insertRow deleteRow 使用 实例
- table总结insertRow、deleteRow
- table总结insertRow、deleteRow
- table总结insertRow、deleteRow
- HTML DOM Table对象insertRow()方法与deleteRow()方法
- table总结insertRow、deleteRow 学习
- Datagrid 的 deleteRow、insertRow使用
- javascript操作table(insertRow(),deleteRow(),insertCell(),deleteCel...
- javascript操作table(insertRow(),deleteRow(),insertCell(),deleteCell()方法)
- javascript操作table(insertRow(),deleteRow(),insertCell(),deleteCell()方法)
- javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
- insertRow()和deleteRow()方法
- 4、web(js):js 操作table: insertRow(),deleteRow(),insertCell(),deleteCell()方法
- javascript => insertRow insertCell deleteRow rowIndex 用法
- 使用Table的insertRow实现某一模块的复制
- javascript插入、删除一个表格行:insertRow/deleteRow/insertCell
- 【Operamasks-UI】可编辑表格insertRow和deleteRow遇到空表格时的问题
- insertRow
- 对excel的导出,使用jxt
- [MacOSX]_[Mac Book电脑的快捷键*长期更新]
- hdu 2594 Simpsons’ Hidden Talents(KMP)
- 上下文区别
- tcp-http
- table对象insertRow deleteRow 使用 实例
- 【译】菜鸟学java web(一)-----导航篇
- 购物车 选中 得到价格
- Pat(Basic Level)Practice--1001(害死人不偿命的3n+1猜想)
- 练习5-3&&5-4&&5-5
- 全选的实现
- jifen
- 位操作 << >> & | ^ ~和 关系操作符
- Pat(Basic Level)Practice--1002(写出这个数)