添加、刪除HTML結(jié)點(diǎn) & 上傳圖片預(yù)覽

2019-11-21 02:29:33

字體：大中小

供稿：網(wǎng)友

1.添加、刪除HTML結(jié)點(diǎn)
2.上傳圖片預(yù)覽

<!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結(jié)點(diǎn) & 上傳圖片預(yù)覽 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="http://www.survivalescaperooms.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');" /> <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>圖片預(yù)覽：<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需刷新才能執(zhí)行]

上一篇：一個(gè)JavaScript繼承的實(shí)現(xiàn)

下一篇：關(guān)于搜索輸入框