怎么通过js 改变display

如题所述

1、打开hbuilder软件,新建一个空白的html文件,输入基本的html结构,这里设置一个button按钮用来显示隐藏div,并且给按钮一个id,命名为show。同样也给div一个id,命名为hide:

2、在下方编写js代码,首先给获取button的dom元素,并给其一个click事件,然后获取div的dom,修改disply的属性为block,即让隐藏的div显示出来:

3、按下crtl+S保存,在浏览器里观察效果:

4、点击显示隐藏的按钮,隐藏的div就出现了。以上就是用js控制display属性的过程:

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-11-23

我举个例子

<div id="example">11111</div>
<script>
  var hidde_me = document.getElementById("example");
  hidde_me.style.display="none";
</script>

上面就是用JS把那几个数字隐藏掉了,用JS把div的display设置为none

本回答被提问者采纳
相似回答