添加、删除HTML结点 & 上传图片预览

时间：2020-10-16 12:45:54|栏目：JavaScript代码|点击：次

1.添加、删除HTML结点
2.上传图片预览

<!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" lang="gb2312"> <head> <title> 添加、删除HTML结点 & 上传图片预览 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="枫岩,http://www.cnlei.com"> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript">  </script> </head> <body> <ul id="TplNode" style="display:none;"> <li><input type="file" name="" value="" size="64" onchange="PreviewImg(this,'PrevImg');" />&nbsp;<a href="javascript:;" onclick="DelChild(this,'UpFiles');">删除</a></li> </ul> <ul id="UpFiles"> <li><input type="file" name="" value="" size="64" onchange="PreviewImg(this,'PrevImg');" />&nbsp;<a href="javascript:;" onclick="DelChild(this,'UpFiles');">删除</a></li> </ul> <p><a href="javascript:;" onclick="AddChild('UpFiles');">增加附件</a></p> <p>图片预览：<br><img id="PrevImg" src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif" alt="" /></p> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：小程序实现多选框功能

栏目：JavaScript代码

下一篇：js日期时间补零的小例子

本文标题：添加、删除HTML结点 & 上传图片预览

本文地址：http://www.codeinn.net/misctech/12245.html

更多JavaScript代码

JavaScript代码

添加、删除HTML结点 & 上传图片预览

阅读排行

推荐教程