修改

Question

我是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的作品。我确实有一个问题要加上这个;有没有办法让图像在另一次点击时消失，然后在下次点击时重新出现，依此类推？

Answer 1

一些事情：

它是visibility: hidden，而不是visibility: invisible。
它是myFunction()，而不是myFunction。
它是document.getElementById("theTrick")，而不是document.getElementById = "theTrick"。
它是visibility: visible，而非visibility: initial（初始可见度为hidden，您已设置在顶部）。

您可能会发现CSS visibility属性上的this document有用。

Demo

如何在按钮点击时加载图像？

修改

1 个答案: