原生JavaScript实现remove()和recover()功能示例
程序员文章站
2022-05-16 13:14:39
本文实例讲述了原生javascript实现remove()和recover()功能。分享给大家供大家参考,具体如下:
利用原生javascript实现:
1、remov...
本文实例讲述了原生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事件相关操作与技巧大全》、《javascript页面元素操作技巧总结》、《javascript操作dom技巧总结》、《javascript查找算法技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript错误与调试技巧总结》
希望本文所述对大家javascript程序设计有所帮助。
上一篇: 干锅怎么弄好吃
下一篇: 中医中药可有效治疗哮喘病