我有一個附有我的功能的模態:<img onclick="modalZoom()" class="zoomed-out" id="modal-img">我的功能如下所示:function modalZoom() { var imgClass = document.getElementById("modal-img").classList; var pedImg = document.getElementById("modal-img"); if (imgClass = "zoomed-out") { pedImg.classList.remove("zoomed-out"); pedImg.classList.add("zoomed-in"); } else { pedImg.classList.remove("zoomed-in"); pedImg.classList.add("zoomed-out"); } console.log(imgClass);}我也嘗試添加一個else if語句而不是僅僅添加一個語句else,但我的問題是,當我第一次單擊它時,它會讀取該類,并且由于它是zoomed-out,它會刪除它并添加zoomed-in. 但是由于某種原因,當我第二次單擊它時,console.log(imgClass);仍然返回zoomed-out并且我的代碼的后半部分沒有運行,即使我可以在我的檢查器中看到類 IS zoomed-in。函數第一次運行時是否var imgClass唯一運行,如果是,我該如何解決?我嘗試刪除變量并直接在if語句中獲取類,但我仍然遇到同樣的問題。
為什么我的函數在第二次單擊時不加載新的類名?
一只甜甜圈
2022-06-16 15:27:03