繁体   English   中英

如何在单击按钮时加载图像?

[英]How to load an image on button click?

我是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属性上的此文档很有用。

演示

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM