专栏首页问天丶天问JS 控制隐藏显示

JS 控制隐藏显示

比较简单的实现.style.display就是控制层隐藏或显示的属性.

<html>

<body>

<script>

function show(){

document.getElementById("div").style.display="";

//alert(document.getElementById("div").style.display)

}

function hidden(){

document.getElementById("div").style.display="none";

//alert(document.getElementById("div").style.display)

}

</script>

<BODY>

<input name="name" type="button" onClick="show();" value="显示">

<div id="div" style="display: none" onMouseout="hidden();">

show it

</div>

</BODY>

</HTML>

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间,如下

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

如果用div.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue实践--指令

    1. v-text     v-text主要用来更新textContent,可以等同于JS的text属性。

    问天丶天问
  • k8s镜像中心私有项目没法pull问题解决办法

    问天丶天问
  • Docker 容器操作

    问天丶天问
  • Echart图表自适应情况下的打印 原

    报表是全屏自适应的,当点击打印按钮时Echart图表设置成固定的宽度以适应打印的页面,img的src是获取变化后的echart数据流

    tianyawhl
  • 点击文字或按钮弹出一个DIV窗口(DIV悬浮窗口)

    因为最近有人问小轻建站问题,想知道DIV弹窗的做法,给大家测试了下,效果大家可以再做修改。

    半夜喝可乐
  • Web性能优化系列:10个JavaScript性能提升的技巧

    Nicholas Zakas是一位 JS 大师,Yahoo! 首页的前端主程。他是《高性能 Javascript》的作者,这本书值得每个程序员去阅读。

    哲洛不闹
  • 数组去重的几个方法

    数组去重很简单,大都运用数组的属性和方法,有很简单的,有复杂的,今天分享几个数组去重的方法。

    wade
  • JavaScript中的单例模式

    是一种常见的设计模式,在应用这个模式时,必须保证单例对象的类只有一个实例存在;这样全局拥有一个对象,有利于我们进行系统调整。

    刘亦枫
  • 前端学习(22)~css问题讲解

    在HTML5出来之前,我们习惯于用div来表示页面的章节或者不同模块,但是div本身是没有语义的。但是现在,HTML5中加入了一些语义化标签,来更清晰的表达文档...

    Vincent-yuan
  • 小白初理解树状数组

      ACM的在线测试里经常涉及到大量数据的的修改,求和等操作,这里介绍一种方法——树状数组。

    用户2038589

扫码关注云+社区

领取腾讯云代金券