最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

原生JavaScript实现remove()和recover()功能示例

来源:动视网 责编:小采 时间:2020-11-27 22:11:03
文档

原生JavaScript实现remove()和recover()功能示例

原生JavaScript实现remove()和recover()功能示例:本文实例讲述了原生JavaScript实现remove()和recover()功能。分享给大家供大家参考,具体如下: 利用原生JavaScript实现: 1、remove(selectors)删除指定的一个或一组元素。 2、recover(selectors)恢复刚才删除的元素。 function re
推荐度:
导读原生JavaScript实现remove()和recover()功能示例:本文实例讲述了原生JavaScript实现remove()和recover()功能。分享给大家供大家参考,具体如下: 利用原生JavaScript实现: 1、remove(selectors)删除指定的一个或一组元素。 2、recover(selectors)恢复刚才删除的元素。 function re


本文实例讲述了原生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事件与功能说明大全:http://tools.jb51.net/table/javascript_event

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript事件相关操作与技巧大全》、《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

文档

原生JavaScript实现remove()和recover()功能示例

原生JavaScript实现remove()和recover()功能示例:本文实例讲述了原生JavaScript实现remove()和recover()功能。分享给大家供大家参考,具体如下: 利用原生JavaScript实现: 1、remove(selectors)删除指定的一个或一组元素。 2、recover(selectors)恢复刚才删除的元素。 function re
推荐度:
标签: 示例 实例 remove(
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top