JS显示和隐藏div

JS显示和隐藏div

接下来我们使用Visual Studio这个软件来写一个的方法，我们可以使用这种写法写一个小案例来实现一个div里面显示和隐藏的效果。
我们先看一下html的页面截图：

首先我们先在html页面上建立一个input标签然后在给他一个id，接着给他一个div设置一个宽高100像素的正方形。然后接着我们就要写一下script的js代码。
看一下js的代码截图：

我们可以看到24行首先先获取一下页面的id。然后在input id为YinCang里面写一个点击事件、然后判断一下他的值是不是等于”隐藏”。如果是等于隐藏的话他的div属性就是给他设置成none隐藏的属性。然后把他的input值变成显示。
else if 否则他的值就是等于”显示”。把他的属性改成block显示的属性、然后他的input值就变成为“隐藏”的效果。
接下来我们看一下实现的效果图：

这样就可以实现出运用js的方法隐藏和显示div里面的东西。