本文教程操作环境: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教程。