本文实例讲述了原生 实现remove()和recover()功能。分享给大家供大家参考,具体如下:
利用原生 实现:
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:关于 事件说明可参考本站 事件与功能说明大全:http://tools.jb51.net/table/ _event
更多关于 相关内容感兴趣的读者可查看本站专题:《 事件相关操作与技巧大全》、《 页面元素操作技巧总结》、《 操作DOM技巧总结》、《 查找算法技巧总结》、《 数据结构与算法技巧总结》、《 遍历算法与技巧总结》及《 错误与调试技巧总结》
希望本文所述对大家 程序设计有所帮助。
继续阅读与本文标签相同的文章
下一篇 :
详解微信小程序调起键盘性能优化
-
Java 多线程编程(上)
2026-05-16栏目: 教程
-
为什么使用通信来共享内存
2026-05-16栏目: 教程
-
Redis 数据结构和主要命令
2026-05-16栏目: 教程
-
Java描述设计模式(16):代理模式
2026-05-16栏目: 教程
-
传统恶意程序通信方式的演变及检测
2026-05-16栏目: 教程
