当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 原生JavaScript实现remove()和recover()功能示例

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

2018年08月10日  | 移动技术网IT编程  | 我要评论

本文实例讲述了原生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事件与功能说明大全：

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

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网