图片隐藏在js怎么弄出来_javascript如何让图片消失？

使用javascript如何让图片消失、隐藏起来？下面本篇文章就来给大家介绍一下使用使用javascript让图片消失(隐藏)的方法，希望对大家有所帮助。

在javascript中，可以通过Style对象设置display属性值为none，或visibility属性的值为hidden来让图片消失、隐藏起来。

1、使用display属性

display 属性设置或返回元素的显示类型。只要将display属性的设置为none，则元素就不会被显示。

语法：Object.style.display="none"

示例：

img {

width: 300px;

}

var btn = document.getElementById("btn");

var pic = document.getElementById("pic");

btn.onclick = function() {

pic.style.display = "none";

}

效果图：

2、使用visibility属性

visibility 属性设置元素是否可见。只要将visibility属性的设置为hidden，则元素就不可见了。

语法：Object.style.visibility="hidden"

示例：

img {

width: 300px;

}

var btn = document.getElementById("btn");

var pic = document.getElementById("pic");

btn.onclick = function() {

pic.style.visibility="hidden";

}

效果图：