javascript - 删除具有相同类的两个元素之一

Question

我有两个 HTML 元素：

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>

两者具有相同的结构、类和属性。如果我有两个，如何只删除其中一个？（这是一个错误）

提前致谢。

标签： javascripthtmlclass

Answer 1

您可以使用 javascript 的 document.getElementsByClassName 并删除列表之一。

var buttons = document.getElementsByClassName("close");
buttons[0].parentNode.removeChild(buttons[0]);

<div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
</div>