如何添加按钮以在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 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';
               }
         }
}

结尾片段

该函数本身未调用。

Answer 1

问题出在类型上。

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