如何使用javascript删除div

因此，我尝试使用javascript删除一个div，我尝试删除的div：

<div class="popover fade left in" style="top: -76.5px; left: -404px; display: block;">

我尝试删除它时使用的代码：

<a href="javascript:;" onclick="document(getElementByClassName('popover').remove());" class="btn btn-default btn-xs">Close</a>

---

我做错了什么吗？

如果您使用的是

删除

jQuery函数，则需要在jQuery对象上调用它

getElementByClassName

返回一个普通DOM元素。使用jQuery选择器

$

选择元素并将其包装到jQuery对象中，然后调用

。在其上删除
：

$('.popover').remove();

如果您使用的是普通JavaScript
.remove（）
，则需要在单个DOM元素上调用它，但是
getElementsByClassName
返回一个集合。试试这个：

getElementsByClassName('popover')[0].remove()

如果您正在使用
remove
jQuery函数，则需要在jQuery对象上调用它
getElementByClassName
返回一个普通DOM元素。使用jQuery选择器
$
选择元素并将其包装到jQuery对象中，然后调用
。在其上删除
：

$('.popover').remove();

如果您使用的是普通JavaScript
.remove（）
，则需要在单个DOM元素上调用它，但是
getElementsByClassName
返回一个集合。试试这个：

getElementsByClassName('popover')[0].remove()

如果您正在使用
remove
jQuery函数，则需要在jQuery对象上调用它
getElementByClassName
返回一个普通DOM元素。使用jQuery选择器
$
选择元素并将其包装到jQuery对象中，然后调用
。在其上删除
：

$('.popover').remove();

如果您使用的是普通JavaScript
.remove（）
，则需要在单个DOM元素上调用它，但是
getElementsByClassName
返回一个集合。试试这个：

getElementsByClassName('popover')[0].remove()

如果您正在使用
remove
jQuery函数，则需要在jQuery对象上调用它
getElementByClassName
返回一个普通DOM元素。使用jQuery选择器
$
选择元素并将其包装到jQuery对象中，然后调用
。在其上删除
：

$('.popover').remove();

如果您使用的是普通JavaScript
.remove（）
，则需要在单个DOM元素上调用它，但是
getElementsByClassName
返回一个集合。试试这个：

getElementsByClassName('popover')[0].remove()

尝试使用以下代码：

HTML



Javascript

removePopovers = function () {
    var popovers =  document.querySelectorAll('.popover');
    for (var i = 0; i < popovers.length; i++) {
         popovers[i].outerHTML= ''; 
    }
}

removepovers=函数（）{
var popover=document.queryselectoral（'.popover'）；
对于（变量i=0；i

这将选择具有
popover
类的所有元素，并将其
outerHTML
设置为nothing，从而删除div

尝试使用以下代码：

HTML



Javascript

removePopovers = function () {
    var popovers =  document.querySelectorAll('.popover');
    for (var i = 0; i < popovers.length; i++) {
         popovers[i].outerHTML= ''; 
    }
}

removepovers=函数（）{
var popover=document.queryselectoral（'.popover'）；
对于（变量i=0；i

这将选择具有
popover
类的所有元素，并将其
outerHTML
设置为nothing，从而删除div

尝试使用以下代码：

HTML



Javascript

removePopovers = function () {
    var popovers =  document.querySelectorAll('.popover');
    for (var i = 0; i < popovers.length; i++) {
         popovers[i].outerHTML= ''; 
    }
}

removepovers=函数（）{
var popover=document.queryselectoral（'.popover'）；
对于（变量i=0；i

这将选择具有
popover
类的所有元素，并将其
outerHTML
设置为nothing，从而删除div

尝试使用以下代码：

HTML



Javascript

removePopovers = function () {
    var popovers =  document.querySelectorAll('.popover');
    for (var i = 0; i < popovers.length; i++) {
         popovers[i].outerHTML= ''; 
    }
}

removepovers=函数（）{
var popover=document.queryselectoral（'.popover'）；
对于（变量i=0；i

这将选择具有
popover
类的所有元素，并将其
outerHTML
设置为nothing，从而删除div

实际上，它返回一个包含一堆普通DOM元素的
节点列表。
你不需要jQuery来做这件事：我完全忘记了。remove（）是jQuery，我很快就需要睡觉了。不过，谢谢你的帮助，现在它可以工作了。@KristoferAronSverrisson:
.remove（）
也存在于本机API的现代浏览器中，但不能在集合中调用它。它必须在单个节点上。实际上，它返回一个包含大量普通DOM元素的
节点列表。@KristoferAronSverrisson:
.remove（）是jQuery，我需要很快睡一觉。不过，感谢您的帮助，现在它可以工作了。@KristoferAronSverrisson:
.remove（）
也存在于本机API的现代浏览器中，但不能在集合中调用它。它必须在单个节点上。实际上，它返回一个包含大量普通DOM元素的
节点列表。@KristoferAronSverrisson:
.remove（）是jQuery，我需要很快睡一觉。不过，感谢您的帮助，现在它可以工作了。@KristoferAronSverrisson:
.remove（）
也存在于本机API的现代浏览器中，但不能在集合中调用它。它必须在单个节点上。实际上，它返回一个包含大量普通DOM元素的
节点列表。@KristoferAronSverrisson:
.remove（）是jQuery，我需要很快睡一觉。不过，感谢您的帮助，现在它可以工作了。@KristoferAronSverrisson:
.remove（）
也存在于本机API的现代浏览器中，但不能在集合中调用它。它必须在单个节点上。这对我来说效果不太好，因为页面上可能有超过1个popover，我只需要一个按钮就可以将它们全部关闭。我已经用一种删除所有popover的方法编辑了我的答案。这对我来说效果不太好，因为页面上可能有超过1个popover，我只需要一个按钮就可以把它们全部关闭。我已经用一种方法编辑了我的答案，可以把它们全部删除。这对我来说效果不太好