如何加载图像上的按钮单击

How to load an image on button click?

本文关键字：按钮 单击 图像 何加载 加载      更新时间：2023-09-26

我是一种新的HTML/Javascript，我试图找出如何使它，所以当我点击一个按钮，图像加载。这是我所能想到的，但话说回来，我对这些东西很不在行，我还在学习。

<html>
<div style="visibility:invisible" id="theTrick">
<img id="myImage" src="https://minecraft.net/images/logo.png" alt="Test">
</div>
<button type="button" onclick="myFunction">Click for the Minecraft Logo</button>
<script>
function myFunction() {
    document.getElementById="theTrick".style = "visibility:initial"
}
</script>
</html>
<标题>编辑

我已经解决了这个问题，从那以后我学到了很多，掌握了HTML和CSS，现在学习JavaScript的作品。我还有一个问题要补充;是否有一种方法，让图像消失在另一个点击，然后重新出现在下一次点击，等等?

几点:

  1. 是visibility: hidden，不是visibility: invisible。
  2. 是myFunction()，不是myFunction。
  3. 是document.getElementById("theTrick")，不是document.getElementById = "theTrick"。
  4. 它是visibility: visible，而不是visibility: initial(初始可见性是hidden，你已经设置在顶部)。

你可能会发现这个关于CSS visibility属性的文档很有用。

相关文章：