欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-16 13:14:39
本文实例讲述了原生javascript实现remove()和recover()功能。分享给大家供大家参考,具体如下: 利用原生javascript实现: 1、remov...

本文实例讲述了原生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程序设计有所帮助。