Question

所以我试图使用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>

我做错了吗？

Answer 1

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

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

如果您使用纯JavaScript .remove()，则需要在单个DOM元素上调用它，但getElementsByClassName会返回一个集合。试试这个：

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

Answer 2

尝试使用此代码：

HTML

<a href="javascript:;" onclick="removePopovers()" class="btn btn-default btn-xs">Close</a>

的Javascript

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

这将选择popover类的所有元素，并将其outerHTML设置为空，这将删除div。

JSFiddle

如何使用javascript删除div

2 个答案: