單擊 javascript 更改圖像 src

Question

所以，我有一個贊成的圖像，當點擊那個贊成的圖像時，它應該變成反對的圖像。 因此，在我的目錄中的 img/ 文件夾中，我有這兩個贊成和反對的圖像。 所以，基本上，當點擊upvote圖像時，它應該通過更改源（src）更改為downvote圖像，我嘗試使用Javascript來實現。

這是我的代碼：

 function changetextUpvote() { var textUpvoteImg = document.getElementById(textUpvoteImg); if (textUpvoteImg.src.match("downvote")) { textUpvoteImg.src = "img/upvote.png"; } else { textUpvoteImg.src = "img/downvote.png"; } }

 <img class="textupvote" id="textUpvoteImg" src="img/upvote.png" alt="upvote" onclick="changetextUpvote()" style="width: 100px; margin-bottom: 28px; cursor: pointer">

但是，當我單擊贊成圖像時，它不會更改為反對圖像。 關於為什么會發生這種情況的任何線索？ 非常感謝您的幫助！

Answer 1

你已經寫var textUpvoteImg = document.getElementById(textUpvoteImg);

getElementById 接受一個字符串作為參數

因此，您需要做的就是在您傳遞的參數中添加引號：

var textUpvoteImg = document.getElementById("textUpvoteImg");