javascript - 风格不因班级而异

Question

我不知道为什么，但由于某种原因，课程被添加但没有激活。可能是什么原因？

let phone = document.querySelector("#phoneIcon")
phone.addEventListener("click", function() {
  phone.classList.add("phoneIconClick")
  phone.parentNode.removeChild(phone)
})

#aside {
  clear: both;
  float: right;
  margin: 5%;
}

#phoneIcon {
  font-size: 30px;
  border: solid;
  padding: 5px;
  border-radius: 50%;
  position: fixed;
}

.phoneIconClick {
  font-size: 15px;
  border: solid;
  padding: 10px 0px 10px 300px;
  border-radius: 10%;
}

<aside id="aside">
  <span id="phoneIcon"><i class="fas fa-phone"></i></span>
</aside>

标签： javascripthtmlcss