JS 控制隐藏显示

这篇文章给大家分享的是一个比较简单的JS 控制隐藏显示的代码,有需要的朋友可以看一下

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

function show(){document.getElementById("p").style.display="";//alert(document.getElementById("p").style.display)}function hidden(){document.getElementById("p").style.display="none";//alert(document.getElementById("p").style.display)}

show it

登录后复制

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

style="visibility: none;"document.getElementById("typep1").style.visibility="hidden";//隐藏document.getElementById("typep1").style.visibility="visible";//显示

登录后复制

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

style="display: none;"document.getElementById("typep1").style.display="none";//隐藏document.getElementById("typep1").style.display="";//显示

登录后复制

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

以上就是JS 控制隐藏显示 的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777056.html

(0)
上一篇 2025年3月8日 15:00:01
下一篇 2025年3月8日 15:00:10

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 简单实现JS 拖动效果

    本篇文章给大家分享的是关于简单实现JS 拖动效果的代码,是利用CSS3的Trnsform的移动属性来实现的,有需要的小伙伴可以看一下这篇文章的内容 利用CSS3的Trnsform的移动属性来实现的。 代码如下 nbsp;html>  …

    编程技术 2025年3月8日
    200
  • AJAX与JavaScript的使用详解

    这次给大家带来AJAX与JavaScript的使用详解,AJAX与JavaScript使用的注意事项有哪些,下面就是实战案例,一起来看一下。 AJAX不是JavaScript的规范,它只是一个哥们“发明”的缩写:Asynchronous J…

    2025年3月8日
    200
  • JavaScript怎么使用ajax操作表单

    这次给大家带来JavaScript怎么使用ajax操作表单,JavaScript使用ajax操作表单的注意事项有哪些,下面就是实战案例,一起来看一下。 用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。 不过表单…

    编程技术 2025年3月8日
    200
  • 怎样用Ajax提交表单并接收其中的json数据

    这次给大家带来怎样用Ajax提交表单并接收其中的json数据,用Ajax提交表单并接收其中json数据的注意事项有哪些,下面就是实战案例,一起来看一下。 需求: 实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据。过程中…

    编程技术 2025年3月8日
    200
  • 使用js开发数据库

    前端很多时候还是需要保存一些数据的,这里的保存指的是长久的保存,这篇文章就给大家分享关于使用js开发数据库的方法,有需要的朋友可以参考一下 前端很多时候还是需要保存一些数据的,这里的保存指的是长久的保存。以前的思想是把数据保存在cookie…

    编程技术 2025年3月8日
    200
  • 使用Ajax时Json-lib如何处理

    这次给大家带来使用Ajax时Json-lib如何处理,使用Ajax时Json-lib处理的注意事项有哪些,下面就是实战案例,一起来看一下。 无论是使用ajax还是使用easyui等框架,后台向前台输出数据时都涉及到json处理的问题,这里介…

    编程技术 2025年3月8日
    200
  • Vue.js—条件渲染

    本篇文章给大家分享了关于vue.js—条件渲染 ,有需要的朋友可以看一下本篇文章的内容 v-if 在字符串模板中,比如 Handlebars,我们得像这样写一个条件块: {{#if ok}}    Yes{{/if}} 登录后复制登录后复制…

    编程技术 2025年3月8日
    200
  • js获取select标签选中的值

    本篇文章给大家分享的是js如何获取select标签选中的值,有需要的小伙伴可以看一下 var obj = document.getElementById(”testSelect”); //定位id var index = obj.selec…

    编程技术 2025年3月8日
    200
  • JS截取与分割字符串的常用方法

    本文实例讲述了JS截取与分割字符串的常用方法。分享给大家供大家参考,具体如下: JS截取字符串可使用 substring()或者slice() 函数:substring() 定义:substring(start,end)表示从start到e…

    编程技术 2025年3月8日
    200
  • 基于js中的存储键值对以及注意事项介绍_javascript技巧

    下面小编就为大家介绍一下基于js中的存储键值对以及注意事项。希望对大家有所帮助。一起跟随小编过来看看吧 前端有时候需要存储键值对,需要主要的一点是键必须为字符串,重要的再次说明,键需要为字符串。 重点内容 nbsp;html> 菜鸟教…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论