18910140161

JavaScript-单击用户界面时切换大小写不切换-堆栈溢出

顺晟科技

2022-10-18 12:39:27

183

请问什么可能是错误的,我没有得到任何错误在铬控制台

HTML

<代码><;DIV类=";包装器";>;<;I ID=";重复";类=";Fas FA-STOP-CIRCLE";>;<;/I>;<;/DIV>;

JavaScript

<div class="wrapper">
<i id="repeat" class="fas fa-stop-circle"></i>
</div>

顺晟科技:

此代码中

没有会更改类的逻辑,因此case语句的结果将始终匹配const wrapper = document.querySelector('.wrapper') const repeatBtn = wrapper.querySelector('#repeat') repeatBtn.addEventListener('click', () => { let getClass = repeatBtn.className; switch(getClass){ case "fas fa-redo": repeatBtn.className = "fas fa-redo"; break; case "fas fa-stop-circle": repeatBtn.className = "fas fa-stop-circle"; break; case "fas fa-random": repeatBtn.className = "fas fa-random"; break; } }) case "fas fa-stop-circle"的每个赋值都将类设置为与大小写匹配的完全相同的字符串。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航