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

ttx9n · 发表于 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"> 
<!-- 
function AddChild(sPid){ 
var oTextNode = document.getElementById("TplNode").getElementsByTagName("li")[0]; 
var oClone = oTextNode.cloneNode(oTextNode); 
var p=document.getElementById(sPid); 
p.appendChild(oClone); 
}

function DelChild(o,sPid){ 
var oTextNode = o.parentNode; 
var p=document.getElementById(sPid); 
p.removeChild(oTextNode); 
}

function PreviewImg(o,sPid){ 
document.getElementById(sPid).src=o.value; 
}

--> 
</script> 
</head> 
<body> 
<ul id="TplNode" style="display:none;"> 
<li><input type="file" name="" value="" size="64" onchange="PreviewImg(this,'PrevImg');" /> <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');" /> <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需刷新才能执行]

回复用户1 · 发表于 2022-9-21 21:13:15

很不错的玩意

u7yxn9 · 发表于 2023-1-19 10:30:08

还有人在不。。。。。。。。。。啊

pb_tjc · 发表于 2023-2-7 10:13:59

啦啦啦啦啦啦啦啦！

i1efp6c · 发表于 2023-3-15 02:09:09

hi哦和烦恼农家女

q215357618 · 发表于 2023-4-28 14:56:52

看看看看看看看看看看看看看看看看看看看看看看看看看看看

z835648964 · 发表于 2023-7-30 17:00:18

飞飞飞飞飞飞飞飞飞飞飞飞飞

5cf304mn2 · 发表于 2023-10-3 04:47:50

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

123456 · 发表于 2023-10-15 11:38:18

这个源码不错啊

平平安安 · 发表于 2023-11-3 16:10:46

2222222222222222

账号		自动登录	找回密码
密码			立即注册

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

相关帖子

[JavaScript] 添加、删除HTML结点 &amp; 上传图片预览

相关帖子

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