javascript - onClick 显示/隐藏想要在隐藏 javascript 上折叠图像大小

Question

我刚刚把这个脚本放在一起，但它有一个问题，如果图像位于文本之间，它会在不可见时保持高度差，任何人都知道如何在显示时折叠大小或类似的东西/隐藏？

身体

    a onclick="showImage();"> Click here</a>
    img id="loadingImage" src="image.png" style="visibility:hidden"/>

脚本

function showImage(){
    var toggleImage = document.getElementById("loadingImage");
      if(toggleImage.style.visibility == "visible") {
         document.getElementById('loadingImage').style.visibility='hidden';
     }else{
        document.getElementById('loadingImage').style.visibility='visible';
}
}

Answer 1

不要使用visibility. 改为使用display属性。

如您所见@ MDN：

( visibility ) hidden值隐藏了一个元素，但在原来的位置留下了空间。