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

更新时间：2006年10月24日 00:00:00 作者：

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需再刷新一下页面才能执行]

您可能感兴趣的文章:

uniapp项目实践自定义分享组件示例
这篇文章主要为大家介绍了uniapp项目实践自定义分享组件示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-09-09
JavaScript将字符串转换为整数的方法
这篇文章主要介绍了JavaScript将字符串转换为整数的方法,涉及javascript中parseInt函数的使用技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
微信小程序实现日期时间筛选器
这篇文章主要为大家详细介绍了微信小程序实现日期时间筛选器，支持年月日时分，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
微信小程序实现竖排slider效果
这篇文章主要为大家详细介绍了微信小程序实现竖排slider效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
ios中视频的最后一桢问题解决
这篇文章主要给大家介绍了关于ios中视频的最后一桢问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-05-05
JsRender for object语法简介
这篇文章主要介绍了JsRender for object语法,以实例形式讲述了for Object的用法,需要的朋友可以参考下
2014-10-10
JavaScript实现时间范围效果
这篇文章主要为大家详细介绍了JavaScript实现时间范围效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-05-05
javscript 数组扁平化的实现
这篇文章主要介绍了javscript 数组扁平化的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
获取今天，昨天，本周，上周，本月，上月时间（实例分享）
本篇文章主要分享了获取今天，昨天，本周，上周，本月，上月时间实例代码，具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
微信小程序实现分页查询详解
本篇文章给大家分享的是有关微信小程序分页查询的实现，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
2022-08-08