js中怎么删除html元素的属性,如何使用JavaScript删除HTML元素？

给定一个HTML元素，如何使用JavaScript从文档中删除该HTML元素？下面本篇文章就来给大家介绍一下使用JavaScript删除HTML元素的方法，希望对大家有所帮助。

如何使用JavaScript删除HTML元素？

做法：

●　选择需要删除的HTML元素。

●　使用JavaScript remove()或removeChild()方法从HTML文档中删除元素。

示例1：使用removeChild()方法删除HTML元素

单击按钮删除元素

这是一个测试文本！

点击这里

var down = document.getElementById('DOWN');

var div = document.getElementById('remove');

function Fun() {

div.parentNode.removeChild(div);

down.innerHTML = "元素被删除！";

}

效果图：

示例2：使用remove()方法从文档中删除HTML元素

单击按钮删除元素

这是一个测试文本！

点击这里

var down = document.getElementById('DOWN');

var div = document.getElementById('remove');

function Fun() {

div.remove();

down.innerHTML = "元素被删除！";

}

效果图：