如何在 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>";
}

The 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';
               }
         }
}

end snippet

The function itself not invoking.

Answer 1

The Problem is with the type.

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