码迷,mamicode.com
首页 > 编程语言 > 详细

浅谈原生JavaScript实现remove()和recover()

时间:2018-06-28 14:03:41      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:style   sele   recover   组元   else   script   color   cti   var   

利用原生JavaScript实现:

1、remove(selectors)删除指定的一个或一组元素。

2、recover(selectors)恢复刚才删除的元素。

 1 function remove(selectors) {  
 2     selectors.removeNode = [];  
 3     if (selectors.length != undefined) {  
 4         var len = selectors.length;  
 5         for (var i = 0; i < len; i++) {  
 6             selectors.removeNode.push({  
 7                 parent: selectors[i].parentNode,  
 8                 inner: selectors[i].outerHTML,  
 9                 next: selectors[i].nextSibling  
10             });  
11         }  
12         for (var i = 0; i < len; i++)  
13             selectors[0].parentNode.removeChild(selectors[0]);  
14     }  
15     else {  
16         selectors.removeNode.push({  
17             parent: selectors.parentNode,  
18             inner: selectors.outerHTML,  
19             next: selectors.nextSibling  
20         });  
21         selectors.parentNode.removeChild(selectors);  
22     }     
23 }  
24 function recover(selectors) {  
25     var len = selectors.removeNode.length;  
26     for (var i = 0; i < len; i++) {  
27         var node = selectors.removeNode[i];  
28         if (node.next == null)  
29             node.parent.innerHTML += node.inner;  
30         else {  
31             var div = document.createElement("div");  
32             div.innerHTML = node.inner;  
33             node.parent.insertBefore(div.childNodes[0], node.next);  
34         }  
35     }  
36 }  

 

浅谈原生JavaScript实现remove()和recover()

标签:style   sele   recover   组元   else   script   color   cti   var   

原文地址:https://www.cnblogs.com/mxyr/p/9238013.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!