添加、刪除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="" />  </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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

網頁自動刷新，不產生嗒嗒聲的一個解決方法
網頁自動刷新，不產生嗒嗒聲的一個解決方法...
2007-03-03
淺析JavaScript中的事件委托機制跟深淺拷貝
這篇文章主要介紹了JavaScript中的事件委托機制跟深淺拷貝,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01
javascript斷點調試心得分享
javascript中程序是怎么可以中斷執(zhí)行，然后一步一步走下去。而且debug的時候，可以看到變量，調用棧等東西。這個是如何實現的？
2016-04-04
setTimeout和setInterval的區(qū)別你真的了解嗎?
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的區(qū)別
這篇文章主要介紹了JavaScript中var與let的區(qū)別，var是JavaScript剛出現時就存在的變量聲明關鍵字，而let作為ES6才出現的變量聲明關鍵字，無疑兩者之間存在著很大的區(qū)別，下面來看看兩者之間到底存在什么
2021-12-12
Javascript如何實現對象扁平化實例詳解
這篇文章主要給大家介紹了關于Javascript如何實現對象扁平化的扁平化處理簡而言之就是對對象中的對象提取出來,放在一個對象里面,形象的說就是把兒子的后代當成自己的兒子,下面相關資料,需要的朋友可以參考下
2022-11-11
詳解如何在在瀏覽器中使用WebRTC獲取用戶IP地址
如果需要在程序中獲取當前用戶的IP,通常手段都是需要使用服務器,但現在借助WebRTC的強大功能,我們可以直接在瀏覽器客戶端獲取用戶IP,所以本文小編將給大家介紹一下如何在在瀏覽器中使用WebRTC獲取用戶IP地址,文中通過代碼示例講解的非常詳細,需要的朋友可以參考下
2023-11-11