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

您可能感兴趣的文章:

网页自动刷新，不产生嗒嗒声的一个解决方法
网页自动刷新，不产生嗒嗒声的一个解决方法...
2007-03-03
浅析JavaScript中的事件委托机制跟深浅拷贝
这篇文章主要介绍了JavaScript中的事件委托机制跟深浅拷贝,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-01-01
javascript断点调试心得分享
javascript中程序是怎么可以中断执行，然后一步一步走下去。而且debug的时候，可以看到变量，调用栈等东西。这个是如何实现的？
2016-04-04
setTimeout和setInterval的区别你真的了解吗?
setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质
2011-03-03
javascript前端和后台进行数据交互方法示例
这篇文章主要介绍了javascript前端和后台进行数据交互方法示例，文章通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
这篇文章主要介绍了把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数,需要的朋友可以参考下
2014-07-07
微信小程序连接服务器展示MQTT数据信息的实现
这篇文章主要介绍了微信小程序连接服务器展示MQTT数据信息的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07
JavaScript中var与let的区别
这篇文章主要介绍了JavaScript中var与let的区别，var是JavaScript刚出现时就存在的变量声明关键字，而let作为ES6才出现的变量声明关键字，无疑两者之间存在着很大的区别，下面来看看两者之间到底存在什么
2021-12-12
Javascript如何实现对象扁平化实例详解
这篇文章主要给大家介绍了关于Javascript如何实现对象扁平化的扁平化处理简而言之就是对对象中的对象提取出来,放在一个对象里面,形象的说就是把儿子的后代当成自己的儿子,下面相关资料,需要的朋友可以参考下
2022-11-11
详解如何在在浏览器中使用WebRTC获取用户IP地址
如果需要在程序中获取当前用户的IP,通常手段都是需要使用服务器,但现在借助WebRTC的强大功能,我们可以直接在浏览器客户端获取用户IP,所以本文小编将给大家介绍一下如何在在浏览器中使用WebRTC获取用户IP地址,文中通过代码示例讲解的非常详细,需要的朋友可以参考下
2023-11-11