以编程方式在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以隐藏图像。

This can be a good place for you to start!