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

女爷i 2022-06-17 11:51 177阅读 0赞

利用原生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);
    		}
    	}
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，177人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript变量浅谈

![19595c18415ef69dd29ec19586badb8a.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

深藏阁楼爱情的钟/ 2024年03月30日 17:09/ 0 赞/ 98 阅读

相关 JavaScript 框架浅谈

![d7545482e660f609ecbc125a25a45595.jpeg][] web前端培训分享JavaScript框架，JavaScript 是开发领域的重要技术之

柔情只为你懂/ 2024年03月26日 20:22/ 0 赞/ 75 阅读

相关 JavaScript Date浅谈

简介：date方法可以用于处理日期和时间问题。【显示此时时间，如21:38:26】 <script> function add(e){

我就是我/ 2023年10月05日 13:04/ 0 赞/ 27 阅读

相关浅谈JavaScript的null和undefined

null表示"没有对象"，即该处不应该有值。（1）作为函数的参数，表示该函数的参数不是对象。（2）作为对象原型链的终点。 undefined表示"缺少值"，

爱被打了一巴掌/ 2022年09月29日 04:07/ 0 赞/ 160 阅读

相关浅谈JavaScript的BOM和DOM

1、BOM 1) BOM是浏览器对象模型，和浏览器关系密切，用来获取或设置浏览器的属性、行为，如新建窗口、打开新选项卡（标签页）、关闭页面、把网页设为主页、加入收藏夹、获取屏

客官°小女子只卖身不卖艺/ 2022年06月18日 12:50/ 0 赞/ 217 阅读

相关浅谈ECMAScript和JavaScript的关系

1、ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现，在日常场合，这两个词是可以互换的。 JavaScript的创造者N

柔情只为你懂/ 2022年06月18日 12:50/ 0 赞/ 533 阅读

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

利用原生JavaScript实现： 1、remove(selectors)删除指定的一个或一组元素。 2、recover(selectors)恢复刚才删除的元素。

女爷i/ 2022年06月17日 11:51/ 0 赞/ 178 阅读

相关浅谈jQuery中的删除方法empty()、remove()和detach()

jQuery提供了三种删除节点的方法：remove()、detach()和empty()。 1．empty()：不是删除节点，而是清空节点，清空匹配的元素集合中所有的子节点，

╰+攻爆jí腚メ/ 2022年06月17日 11:45/ 0 赞/ 274 阅读

相关浅谈JavaScript实现文本框的placeholder

代码： <!doctype html> <html> <head> </head> <bo

向右看齐/ 2022年06月17日 03:16/ 0 赞/ 227 阅读

相关浅谈ES6原生Promise

ES6标准出炉之前，一个幽灵，回调的幽灵，游荡在JavaScript世界。正所谓：世界本没有回调，写的人多了，也就有了})})})})})。 Promise的兴...

灰太狼/ 2021年01月12日 06:26/ 0 赞/ 686 阅读