Javascript 在爱奥尼亚中按按钮显示/隐藏图片

我正在用爱奥尼亚3写一个应用程序，我想展示用

document.getElementById("ImgID").style.display = "none";

属性。因此，我选择了一个按钮，它将属性更改为

document.getElementById("ImgID").style.display = "";

我的

.ts

文件：

  button_tapped(){
    document.getElementById("ImgID1").style.display = "";
    document.getElementById("ImgID2").style.display = "";
    document.getElementById("ImgID3").style.display = "";
  }

按钮的My.html文件：

<ion-img    
   class = "button_img_1"   
   (click)="button_tapped()"   
   src="path_to_image"> 
</ion-img>

图像的my

.css

：

.Image_1{
        width: 10%;
        height: 0;
        position: absolute;
        padding-bottom: 3%;
        top: 65%;
        left: 20%;
    }

因此，如果我启动应用程序时不显示图片，然后按下按钮，图像将不会显示，只是在其位置显示一个灰色正方形。但是，如果我实现了另一个隐藏图像的按钮，启动显示图片的应用程序，按下按钮隐藏图片，然后按下“显示”按钮，它们看起来应该是这样的

---

有人知道我的问题出在哪里吗？

。因此，您也可以使用*ngIf在点击时显示/隐藏图像。您将*ngIf放在图像上。

。因此，您也可以使用*ngIf在点击时显示/隐藏图像。您将*ngIf放在图像上。

那么，我该如何做呢？本文可以帮助您：那么，我该如何做呢？本文可以帮助您：

.Image_1{
        width: 10%;
        height: 0;
        position: absolute;
        padding-bottom: 3%;
        top: 65%;
        left: 20%;
    }