table对象中的insertRow与deleteRow使用示例资源-CSDN文库

191 浏览量 2020-12-10 16:56:51 上传评论收藏 37KB PDF 举报

资源详情

资源评论

资源推荐

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>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

内容反馈

weixin_38553466

粉丝: 10
资源: 955

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip