原生JavaScript实现remove()和recover()功能示例
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
这篇文章主要介绍了原生JavaScript实现remove()和recover()功能,结合实例形式分析了javascript实现类似jQueryremove()和recover()功能的自定义函数,需要的朋友可以参考下
本文实例讲述了原生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事件与功能说明大全:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
上一篇:详解微信小程序调起键盘性能优化
下一篇:js+canvas实现验证码功能