javascript - 以编程方式在 HTML5 中添加图像

Question

我是网络开发世界的新手，我想知道是否有一种方法可以编程；

• 显示图像
• 隐藏/删除图像

我需要通过单击一个按钮来做到这一点（每个动作的一个按钮）

有任何想法吗？

Answer 1

使用 javascript 你可以很容易地做到这一点。这是一个小例子：

<p><center><button style="background:url('someImage.jpg');width:86px;height:45px"       onclick="Test()"></button></p>
<div><img id="img1"  style="visibility:hidden" src="test.jpg" width="768" height="1280" />    </div>
<script>
function Test(){
    document.getElementById('img1').style.visibility='visible';
}

您可以更改可见性值hidden以隐藏图像。

这可能是您开始的好地方！