（JavaScript / HTML）如何在單擊按鈕時更改樣式屬性的顯示？

Question

我是一名初學者程序員，我想加載圖像但不顯示：

<img src="someImage.png" class="mainImage" id="image1" style="display:none"/>

我想添加一個按鈕，然后將其從任何顯示圖像中刪除/更改以使其可見，從而可以通過單擊按鈕來顯示每個圖像。

謝謝！

Answer 1

您可以在塊和“” （空字符串）之間切換元素的顯示。 因此，您可能會有一個類似的按鈕：

<button onclick="toggleDisplay('image1')">Image 1</button>

和toggleDisplay函數類似：

function toggleDisplay(id) { 
  var el = document.getElementById(id);
  if (el && el.style) {
    el.style.display = el.style.display != 'none'? 'none' : '';
  } 
}

在none和“”（空字符串）之間切換可以使元素返回其默認值或繼承的值，並且該函數成為通用函數。

Answer 2

嘗試這個

$("#btn").click(function(){
    $("#image1").show();
});

要么

$("#btn").click(function(){
     $("#image1").css("display", "block");
 });