如何仅在id匹配时切换图标？

<div id="myElement"></div>

.icon1 {
  background-image: url('icon1.png');
}

.icon2 {
  background-image: url('icon2.png');
}

document.getElementById('myElement').addEventListener('click', function() {
  var element = document.getElementById('myElement');
  if (element.id === 'myElement') {
    element.classList.remove('icon1');
    element.classList.add('icon2');
  } else {
    element.classList.remove('icon2');
    element.classList.add('icon1');
  }
});