在单击元素时更改字体图标/类

<button id="myButton">点击我</button>

.myIcon {
  font-family: 'Font Awesome'; /* 或者自定义字体图标的字体名称 */
  font-size: 20px;
  /* 其他样式属性，比如颜色、边框等 */
}

var myButton = document.getElementById('myButton');
var myIcon = document.getElementById('myIcon');

myButton.addEventListener('click', function() {
  // 添加或移除类名
  myIcon.classList.toggle('myIconClicked');

  // 或者修改内容
  if (myIcon.innerHTML === '图标A') {
    myIcon.innerHTML = '图标B';
  } else {
    myIcon.innerHTML = '图标A';
  }
});

<span id="myIcon" class="myIcon">图标A</span>