增加和删除

caoyongjunjava

于 2012-10-08 20:28:01 发布

阅读量583

点赞数

分类专栏： jsp 文章标签： input function table 文档

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/caoyongjunjava/article/details/8049837

版权

jsp 专栏收录该内容

7 篇文章

订阅专栏

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script>

function add()

{

var table=document.getElementById('mytable');

var tr=document.createElement('tr');

var td1=document.createElement('td');

var myfile=document.createElement('input');

myfile.type="file";

td1.appendChild(myfile);

var td2=document.createElement('td');

var addbut=document.createElement('input');

addbut.type="button";

addbut.value="添加";

addbut.οnclick=add;

var deletebut=document.createElement('input');

deletebut.type="button";

deletebut.value="删除";

/*deletebut.οnclick=function()

{

table.removeChild(tr);

}*/

deletebut.οnclick=function()

{

deletes(tr,table);

}

td2.appendChild(addbut);

td2.appendChild(deletebut);

tr.appendChild(td1);

tr.appendChild(td2);

table.appendChild(tr);

}

function deletes(tr,table)

{

table.removeChild(tr);

}

</script>

</head>

<body>

推荐网站 www.w3cschool.com

<table border="1" >

<tbody id="mytable">

<tr>

<td width="300"><input name="" type="file" /> </td>

<td width="150"><input name="" type="button" value="添加" οnclick="add()"/> </td>

</tr>

</tbody>

</table>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。