怎么在JavaScript中删除dom节点

这篇文章给大家介绍怎么在JavaScript中删除dom节点，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

创新互联专注于企业成都全网营销、网站重做改版、商都网站定制设计、自适应品牌网站建设、HTML5建站、商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为商都等各大城市提供网站开发制作服务。

JavaScript的作用是什么

1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies，包括创建和修改等。7、基于Node.js技术进行服务器端编程。

方法一：使用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节点就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。