javascript如何让图片消失？
使用javascript如何让图片消失、隐藏起来？下面本篇文章就来给大家介绍一下使用使用javascript让图片消失（隐藏）的方法，希望对大家有所帮助。
在javascript中，可以通过Style对象设置display属性值为none，或visibility属性的值为hidden来让图片消失、隐藏起来。
1、使用display属性
display 属性设置或返回元素的显示类型。只要将display属性的设置为none，则元素就不会被显示。
语法：
Object.style.display="none"
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
img {
width: 300px;
}
</style>
<body>
<input id="btn" type="button" value="消失"><br /><br />
<img src="1.jpg-600" id="pic">
<script>
var btn = document.getElementById("btn");
var pic = document.getElementById("pic");
btn.onclick = function() {
pic.style.display = "none";
}
</script>
</body>
</html>效果图：
2、使用visibility属性
visibility 属性设置元素是否可见。只要将visibility属性的设置为hidden，则元素就不可见了。
语法：
Object.style.visibility="hidden"
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
img {
width: 300px;
}
</style>
<body>
<input id="btn" type="button" value="消失"><br /><br />
<img src="1.jpg-600" id="pic">
<script>
var btn = document.getElementById("btn");
var pic = document.getElementById("pic");
btn.onclick = function() {
pic.style.visibility="hidden";
}
</script>
</body>
</html>效果图：
标签：