table对象中的insertRow与deleteRow使用示例


复制代码 代码如下:

<!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>

 



相关阅读:
Linux下用于对比文件的diff命令使用教程
win10预览版10074 bug有哪些 win10预览版10074 bug汇总
Java中Spring获取bean方法小结
java jdbc连接mysql数据库实现增删改查操作
苹果Mac OS X系统中怎么设置滚动条始终显示?
简单了解PHP编程中数组的指针的使用
详解Android进程和线程
C#通过委托调用Button单击事件的方法
Win10自动安装游戏应用问题的解决方法
Android应用开发中模拟按下HOME键的效果(实现代码)
js实现的奥运倒计时时钟效果代码
JavaScript 对象字面量讲解
Java数组操作的10大方法
解决mysql5中文乱码问题的方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 学生曲折故事6 断章——收获,不仅仅在于结果,还在于过程。 秋风寄托我与落叶的爱 恐怖鬼故事:婴灵 演讲稿:惩恶扬善,司法为民 护士进修心得体会 错失作文900字 《地道战》观后感作文700字 心中的诗人——仓央嘉措 2008年度团支部工作总结 梦延年。作文900字 我发现了土壤小动物 小学五年级作文500字:童年的美好 净土 艺术在空气中弥漫 尘缘劫--泪雨心沉 我的好妈妈作文 小蔡其人 奶奶与老屋 人生如同绣花 动物们的秋天 我的低碳生活作文精选600字 舍得 地质局职工建国60周年优秀征文 雪藏的春光 双元价值观论文 2015六年级班主任工作计划第一学期 千年铸就胡杨魂 新编亡羊补牢作文400字 《万物生长》里的经典台词 小学六年级作文650字:拍卖会 小学五年级作文1200字:《喜羊羊与灰太狼2之虎虎生威》观后感 高中英语教学工作总结._教学工作总结 值得作文1500字 2015毕业顶岗实习计划 高一写快乐的寒假作文:度假山庄 四叶草的幻想 在梦想中,营造自己的风雨 蒲公英的约定,约定幸福。 圣诞诗歌 畜牧水产局长述职报告 不同作文250字 励志故事|有了永不抱怨的心态,成功就离你不远 今天又下雨 拉紧生命之弦 感人泪奔的励志故事:一只鼻子的300万次点击 经典国庆祝福语短信大全 车名决定车的命运 温婉流苏,墨色芳华

Copyright © 2016 phpStudy |