温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用原生JavaScript实现remove()和recover()功能

发布时间:2021-04-12 12:24:21 来源:亿速云 阅读:260 作者:小新 栏目:web开发

这篇文章将为大家详细讲解有关如何使用原生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);     }   } }

关于“如何使用原生JavaScript实现remove()和recover()功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI