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 交通频道 作文范文 智慧女神雅典娜读后感作文 七夕 风雨 梦的大海作文900字 感悟思考 人生如棋 感恩节热切的祝福语 长相思·惜梅 濮存昕《书香北京》访谈录:人生什么最重要? 琴溪香谷鹊桥相会 变成更好的自己,配得上更好的生活 五年级试卷:语文第十册段考试题 时变0.3笑的理由 计算机英文自我介绍 段了的线 我的眼睛作文 钓鱼大赛规则 当公务员就不能做发财梦 很有黄意思的NBA解说 爱了,痛了,伤了,累了 司法局长向人大常委会做的述职报告 留给我痴情的刀 水上飞机100字 参观常州交巡警支队 《这儿真好》观摩课(第二课时) 孩子的辞职信300字 无私的爱200字 转给烟民们:拯救肺 泪 刘方正 恋作文200字 路边的落花作文200字 十八大以来六次中纪委全会亮点回顾 抓住特点 激发兴趣 玩中发展──汉语拼音教学的几点体会 初中初一作文700字:轻轻 拾金不昧真棒 父爱的诠释 转身,痛了,哭了 粮食诗篇 最后的决战作文450字 是谁偷了曲奇饼干作文450字 行政文秘年终工作总结 读《两个人的梦想秀》有感 迷离的黑夜(悦彼岸) 14岁的星空 奶奶的嘱咐信 龙珠风波6(转载) 拥抱雅安,拥抱四川 你说——你是我知己 女人30岁要做的事 没有雨伞,你必须跑 阎崇年语录 缘来有你—哥哥

Copyright © 2016 phpStudy |