原生JavaScript實(shí)現(xiàn)remove()和recover()功能示例
本文實(shí)例講述了原生JavaScript實(shí)現(xiàn)remove()和recover()功能。分享給大家供大家參考,具體如下:
利用原生JavaScript實(shí)現(xiàn):
1、remove(selectors)
刪除指定的一個(gè)或一組元素。
2、recover(selectors)
恢復(fù)剛才刪除的元素。
function remove(selectors) { selectors.removeNode = []; if (selectors.length != undefined) { var len = selectors.length; for (var i = 0; i < len; i++) { selectors.removeNode.push({ parent: selectors[i].parentNode, inner: selectors[i].outerHTML, next: selectors[i].nextSibling }); } for (var i = 0; i < len; i++) selectors[0].parentNode.removeChild(selectors[0]); } else { selectors.removeNode.push({ parent: selectors.parentNode, inner: selectors.outerHTML, next: selectors.nextSibling }); selectors.parentNode.removeChild(selectors); } } function recover(selectors) { var len = selectors.removeNode.length; for (var i = 0; i < len; i++) { var node = selectors.removeNode[i]; if (node.next == null) node.parent.innerHTML += node.inner; else { var div = document.createElement("div"); div.innerHTML = node.inner; node.parent.insertBefore(div.childNodes[0], node.next); } } }
PS:關(guān)于javascript事件說(shuō)明可參考本站javascript事件與功能說(shuō)明大全:http://tools.jb51.net/table/javascript_event
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- javascript刪除元素節(jié)點(diǎn)removeChild()用法實(shí)例
- js使用removeChild方法動(dòng)態(tài)刪除div元素
- js數(shù)組循環(huán)遍歷數(shù)組內(nèi)所有元素的方法
- js刪除數(shù)組元素、清空數(shù)組的簡(jiǎn)單方法(必看)
- js中設(shè)置元素class的三種方法小結(jié)
- JavaScript從數(shù)組中刪除指定值元素的方法
- 向JavaScript的數(shù)組中添加元素的方法小結(jié)
- JS獲取節(jié)點(diǎn)的兄弟,父級(jí),子級(jí)元素的方法
- JavaScript判斷數(shù)組是否包含指定元素的方法
- js獲取數(shù)組的最后一個(gè)元素
相關(guān)文章
javascript實(shí)現(xiàn)根據(jù)時(shí)間段顯示問候語(yǔ)的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)根據(jù)時(shí)間段顯示問候語(yǔ)的方法,涉及javascript時(shí)間與字符串的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06javascript函數(shù)特點(diǎn)實(shí)例分析
這篇文章主要介紹了javascript函數(shù)特點(diǎn),實(shí)例分析了javascript函數(shù)傳遞參數(shù)及調(diào)用方法,需要的朋友可以參考下2015-05-05JavaScript CSS 通用循環(huán)滾動(dòng)條
核心是 position:relative;,才能讓其內(nèi)部的 ul 以絕對(duì)定位,通過改變 top 值實(shí)現(xiàn)向上移位置。2009-10-10JS或jQuery獲取ASP.NET服務(wù)器控件ID的方法
這篇文章主要介紹了JS或jQuery獲取ASP.NET服務(wù)器控件ID的方法,本文介紹一方法,解決如何使用js獲取ASP.NET控件在瀏覽器端生成html標(biāo)簽對(duì)應(yīng)的id,需要的朋友可以參考下2015-06-06微信小程序methods中定義的方法互相調(diào)用的實(shí)例代碼
這篇文章主要介紹了微信小程序methods中定義的方法互相調(diào)用的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08js實(shí)現(xiàn)簡(jiǎn)單的驗(yàn)證碼
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼的方法,驗(yàn)證碼主要是為了網(wǎng)站的安全性,防止惡意注冊(cè)和登陸,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說(shuō)明
這幾天需要用到對(duì)HTML節(jié)點(diǎn)元素的刪/插操作,由于用到insertBefore方法的時(shí)候遇到了一些麻煩,現(xiàn)在作為知識(shí)的整理,分別對(duì)appendChild、insertBefore和insertAfter做個(gè)總結(jié)2010-12-12JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對(duì)象
本篇文章主要圍繞js url 參數(shù)值展開話題,js根據(jù)key值獲取url中的參數(shù)值,接著把url的參數(shù)轉(zhuǎn)換成json,感興趣的朋友一起來(lái)學(xué)習(xí)吧,本文寫的不好地方還望多多指出批評(píng)建議2015-08-08