如何使用JavaScript切换多个带有图标的链接之一

我有几个动态创建的链接，呈现为按钮，按钮文本替换为图标。我需要切换一个链接按钮图标时点击。我使用的方法不可行。请参阅下面的代码：我现在不想使用JQuery，除非它在函数中

    <a class="button" onclick="command('removeFormat');" title="Remove Format"><i class="fas fa-eraser"></i></a>
    <a class="button" onclick="command('fullScreen');" title="Full Screen"><i class="fas fa-expand"></i></a>
    <a class="button" onclick="doToggleView();" title="Source"><i class="fa fa-code"></i></a>
    <a class="button" onclick="submitForm();" title="Save"><i class="far fa-save"></i></a>

我还尝试使用以下代码：

    $("i").toggleClass('fa-compress fa-expand');
    $("a .button").find("i").toggleClass('fa-expand fa-compress');

---

这是解决此问题的修复程序

    function command(cmd){
        $('i.fas').toggleClass('fa-expand fa-compress');
    }

    function command(cmd){
        $('i.fas').toggleClass('fa-expand fa-compress');
    }