如何在 webview 中添加按鈕以顯示/隱藏圖像

Question

 public static String getShowOrHideImage() {
    return "\n<button type='button' onclick='return showImage();' id='show-hide-button' 
    class= 'hide-or-show-text'>Hide Image</button>";
}

JavaScript function

function showImage() {
     var images = document.getElementsByTagName("img");
     for (i = 0; i < images.length; i++) {
              if (images[i].style.display === "none") {
                 images[i].style.display = "block";
                 document.getElementById("show-hide-button").innerHTML = 'Hide Image';
               } else {
                 images[i].style.display = "none";
                 document.getElementById("show-hide-button").innerHTML = 'Show Image';
               }
         }
}

結束片段

function 本身沒有調用。

Answer 1

問題在於類型。

public static String getShowOrHideImage() {
        return "\n<button onclick='showImage()' id='show-hide-button' class= 'hide-or-show-text'>Hide Image</button>";
    }