首页 > 编程 > JavaScript > 正文

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

2019-11-19 13:25:38
字体:
来源:转载
供稿:网友

本文实例讲述了原生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.VeVB.COm/table/javascript_event

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表