ITPub博客

首页 > IT职业 > IT生活 > js中删除dom节点的方法有哪些

js中删除dom节点的方法有哪些

IT生活 作者:zhouwm 时间:2021-09-11 10:02:06 0 删除 编辑

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

方法一:使用removeChild()方法删除dom字节点

使用语法

parentNode.removeChild(childNode);

使用实例

var box=document.getElementById("box");
box.parentNode.removeChild(box);

注意:为了保证兼容性,要判断元素节点的节点类型(nodeType),若nodeType==1,再执行删除操作。通过这个方法,就可以在 IE和 Mozilla 完成正确的操作。

方法二:使用remove()方法删除dom节点本身

使用语法

parentNode.remove();

使用实例

var box=document.getElementById("box");
box.remove();

以上就是JavaScript中dom节点删除的两种方法,大家根据具体的需求选择合适的方法哦~更多JavaScript学习推荐:JavaScript教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1593/viewspace-2831123/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    109
  • 访问量
    1162