HTML代碼字體真棒加/減圖標交換機

Question

我管理使用Adobe的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> 

很難確定最適合您的方式，無需代碼。