原生JavaScript實現(xiàn)remove()和recover()功能示例
本文實例講述了原生JavaScript實現(xiàn)remove()和recover()功能。分享給大家供大家參考,具體如下:
利用原生JavaScript實現(xiàn):
1、remove(selectors)
刪除指定的一個或一組元素。
2、recover(selectors)
恢復剛才刪除的元素。
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:關于javascript事件說明可參考本站javascript事件與功能說明大全:http://tools.jb51.net/table/javascript_event
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript事件相關操作與技巧大全》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
- javascript刪除元素節(jié)點removeChild()用法實例
- js使用removeChild方法動態(tài)刪除div元素
- js數(shù)組循環(huán)遍歷數(shù)組內(nèi)所有元素的方法
- js刪除數(shù)組元素、清空數(shù)組的簡單方法(必看)
- js中設置元素class的三種方法小結(jié)
- JavaScript從數(shù)組中刪除指定值元素的方法
- 向JavaScript的數(shù)組中添加元素的方法小結(jié)
- JS獲取節(jié)點的兄弟,父級,子級元素的方法
- JavaScript判斷數(shù)組是否包含指定元素的方法
- js獲取數(shù)組的最后一個元素
相關文章
javascript實現(xiàn)根據(jù)時間段顯示問候語的方法
這篇文章主要介紹了javascript實現(xiàn)根據(jù)時間段顯示問候語的方法,涉及javascript時間與字符串的相關操作技巧,需要的朋友可以參考下2015-06-06微信小程序methods中定義的方法互相調(diào)用的實例代碼
這篇文章主要介紹了微信小程序methods中定義的方法互相調(diào)用的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說明
這幾天需要用到對HTML節(jié)點元素的刪/插操作,由于用到insertBefore方法的時候遇到了一些麻煩,現(xiàn)在作為知識的整理,分別對appendChild、insertBefore和insertAfter做個總結(jié)2010-12-12JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對象
本篇文章主要圍繞js url 參數(shù)值展開話題,js根據(jù)key值獲取url中的參數(shù)值,接著把url的參數(shù)轉(zhuǎn)換成json,感興趣的朋友一起來學習吧,本文寫的不好地方還望多多指出批評建議2015-08-08