html - 字体真棒加/减图标开关的 HTML 代码

Question

我使用 Adob​​e RoboHelp 管理知识库。很少需要在标准编辑器上使用 HTML。我想要一个下拉菜单，当用户单击文本时，字体真棒图标 fa-plus-circle 变成 fa-minus-circle。

我正在努力使用 HTML 代码在单击时将加号图标变成减号图标。任何帮助将非常感激！

Answer 1

像这样的东西会起作用。但是如果可以的话，使用 jQuery 会更容易。

<script>
function changeIcon() {
    var isChecked = document.getElementsByClassName('fa-minus');
    if(isChecked.length > 0) document.getElementById('plus').className='fa fa-plus';
    else document.getElementById('plus').className='fa fa-minus';
}
</script>

<i class="fa fa-plus" id="plus"></i><div onclick="changeIcon();">Click Me</div>

没有代码很难确定最适合您的方式。