本文實例講述了原生JavaScript實現remove()和recover()功能。分享給大家供大家參考,具體如下:
利用原生JavaScript實現:
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.Vevb.com/table/javascript_event
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript事件相關操作與技巧大全》、《JavaScript頁面元素操作技巧總結》、《JavaScript操作DOM技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選