在html5中顯示/消失img

Question

我在這個鏈接上使用了一個按鈕： 用HTML定位圖像（使用創建圖像的按鈕） ...但是我想知道如果已經使用按鈕放置了圖像，該圖像是如何消失的。 希望這可以使用相同的按鈕。 有任何想法嗎？

Answer 1

給圖像和id="myImage"

接着

if(myImage.style["visibility"]=="visible"){
myImage.style["visibility"]="hidden";
else
{
myImage.style["visibility"]="visible";
}

Answer 2

您可以通過將“顯示”屬性設置為“無”（隱藏）或“初始”（可見）來隱藏圖像。 讓你的按鈕觸發一個交換圖像狀態的函數，如下所示（Javascript）：

var img = document.getElementById('yourImageID');

function toggleImg(){
if ( img.style.display == 'none' ){ img.style.display = 'initial'; }
else { img.style.display = 'none'; }
}

屬性“可見性”將保持圖像的空間自由並且只是空白，其中“顯示”不會保留空間。