javascript - Font-Awesome 图标，带有 onclick 事件集

我正在尝试使用以下 Font Awesome 图标

<i class="fa fa-minus-circle"></i>

作为我页面上列表中元素旁边的删除图标，如下所示:

Item 1  delete-icon
Item 2  delete-icon

单击其中一个图标我需要运行 JavaScript 函数...

我应该用什么 html 元素来包装图标？我注意到，当我使用 anchor 标记时，它会变成蓝色，而当我使用按钮时，它最终会被包裹在按钮中。还有其他选择吗？

本质上我想这样做

<a onclick="Remove()"><i class="fa fa-minus-circle"></i></a>

或者这个

<button onclick="Remove()"><i class="fa fa-minus-circle"></i></button>

但只显示图标，没有任何修改。没有蓝色，也没有包裹在按钮内。

最佳答案

只需将 div 标签或 span 标签与 onclick 一起使用

<div onclick="myFunction()">
       <i class="fa fa-minus-circle"></i>
</div>

或

<span onclick="myFunction()">
     <i class="fa fa-minus-circle"></i>
</span>

关于javascript - Font-Awesome 图标，带有 onclick 事件集，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35185974/