原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码

最新推荐文章于 2023-09-14 18:51:30 发布
VIP文章 最新推荐文章于 2023-09-14 18:51:30 发布
阅读量4.3k 收藏 5
点赞数
文章标签： 原生js设置div隐藏或者显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35674932/article/details/112820506
版权
div隐藏与显示

#menus {

background-color: #c4cff0;

}

function Layer_HideOrShow(cur_div)

{ var current=document.getElementById(cur_div);

if(current.style.visibility=="hidden")

{

current.style.visibility ="visible";

}

else

{

current.style.visibility ="hidden";

}

}

  

====================

无标题文档

居中的DIV

===================

最低0.47元/天 解锁文章
明明说金融
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原生js div设置宽度_div设置背景颜色代码
11-24
原生js div设置宽度_div设置背景颜色代码
div 隐藏和显示
tyuuhgf的博客
11-11 1719
div 隐藏和显示
原生js设置div隐藏或者显示_JavaScript动画方式控制div元素的隐藏和显示
weixin_35189483的博客
12-23 1462
jQuery实现此功能相对比较简单，具体参阅点击按钮动画方式隐藏和显示div一章节。结合CSS3实现此功能也非常便利和适合，具体参阅JavaScript与CSS3动画方式改变元素尺寸一章节。原生JavaScript实现稍显麻烦，下面就通过代码实例介绍一下如何实现此功能。代码实例如下：[HTML] 纯文本查看 复制代码运行代码蚂蚁部落#antzone{width:200px;background-c...
HTML元素、核心属性
qq_46495738的博客
09-12 632
- HTML元素 块级元素(block elements) 独占一行空间，用来布局段落,不要将块级元素嵌套在行内元素中。 可以指定宽高。 块级元素有： div、h1~h6 、p、ol、ul、dl、form、table 行内元素(inline elements) 与其他元素共享一行空间，一般被嵌套在块级元素中，通常作为段落的一部分出现。 不可以指定宽高。 行内元素有：span 、a、s、i、b、strong 块级元素与行内元素可以使用display进行切换： display:inline; 行内显
JS 控制div的可见和隐藏 display
weixin_50784508的博客
06-11 1523
【代码】JS 控制div的可见和隐藏 display。
用js将div隐藏或显示
S_Q_A的博客
10-07 3881
一、隐藏且不占用页面空间 // 设置display属性 style="display: none;" document.getElementById("id").style.display="none"; //隐藏 document.getElementById("id").style.display=""; //显示 二、隐藏但仍占有页面空间，会显示空白 // 设置 visibility但是隐藏后页面显示空白 style="visibility: none;" document.getEleme
原生js与jQuery显示隐藏div的几种方法
jakelihua
02-19 3818
简介：本文将会讲解，如何使用原生的JS和jquery来实现对于这个div盒子的隐藏。
javascript怎么隐藏显示div
kakaluote1998的博客
04-13 2万+
设置方法：1、使用style对象的display属性，值为“none”可隐藏div元素，值为“block”可显示元素；2、使用style对象的visibility属性，值为“hidden”可隐藏div元素，值为“visible”可显示元素。 本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。 JS隐藏和显示div的方式有两种： 方式一：设置元素style对象中的display属性 1 2 3 var ...
原生js实现键盘控制div移动且解决停顿问题
10-20
主要给大家介绍了如何利用原生js实现键盘控制div移动，并且解决在移动过程中的停顿问题，文中给出了详细的示例代码，相信对大家的理解和学习很有帮助，下面跟着小编一起来看看吧。
原生js和jQuery随意改变div属性style的名称和值
12-10
一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参，改变Div任意属性的值</title...
原生JS八个点控制DIV大小
11-11
原生JS八个点控制DIV大小，完美无错
【js操作dom对象学习笔记一之div显示与隐藏】
cx17521000200的博客
08-24 2092
DOM 文档对象模型 文档：把一个html文件看成是一个文档，由于万物皆对象，所以把这个文档看成一个对象。       html文件看成一个文档，那么这个文档看成一个对象，文档中的所有的标签都可看成一个对象 页面中的每个标签，都是一个元素(element)，每个元素都可以看成一个对象 html页面中都有一个根标签---html--也叫根元素 文档：一个页面就算一个文档 元素(element)...
CSS如何控制DIV层实现显示和隐藏
hdxx2022的博客
08-02 385
隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。所以display和visibility控制的分别是html元素是否存在和是否显示，display的属性定义该元素存在或不存在，而visibility的属性只是控制该元素是否显示出来，实际上还是存在的。显示已经隐藏的html元素，如果别的元素占有了该空间时，他将下移，空间重新别原来的元素占有。本文给大家带来了CSS控制DIV层显示和隐藏的方法，是前端学习必须要掌握的基础知识，非常不错，具有参考借鉴价值，感兴趣的小伙伴一起学习吧。
前端设置div的显示与隐藏
weixin_43041350的博客
01-09 3857
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白。通过设置display属性可以使div隐藏后释放占用的页面空间。
JQuery隐藏和显示div元素的三种方法
最新发布
许三金的博客
09-14 3224
toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。hide() 方法隐藏被选元素。show() 方法显示隐藏的被选元素。该方法检查被选元素的可见状态。如果一个元素是隐藏的，则运行 show()，如果一个元素是可见的，则运行 hide() - 这会造成一种隐藏和显示状态切换的效果。;;
JS显示和隐藏div
热门推荐
weixin_44858732的博客
06-09 2万+
JS显示和隐藏div 接下来我们使用Visual Studio这个软件来写一个的方法，我们可以使用这种写法写一个小案例来实现一个div里面显示和隐藏的效果。 我们先看一下html的页面截图： 首先我们先在html页面上建立一个input标签然后在给他一个id，接着给他一个div设置一个宽高100像素的正方形。然后接着我们就要写一下script的js代码。 看一下js的代码截图： 我们可以看到2...
div的显示和隐藏
qq_34283987的博客
09-13 565
不占位1.隐藏，div对象.style.display = “none”; 2.显示，div对象.style.display=”block”; 示例：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
html中的div怎么隐藏显示出来,js实现元素div/ul li的显示与隐藏
weixin_35699471的博客
06-03 4238
在网页设计过程中，某些时候需要隐藏一些元素(div/ul li)，某些时候又需要显示一些隐藏的元素。例如一打开网页显示一段网站公告，过一小段时间后把公告隐藏起来。对于这类元素显示隐藏的操作，应该如何实现？html元素的显示与隐藏通常有两种方法，一种方法用CSS样式来控制，另一种方法是把显示后的元素删除，适用于显示一次后不需要再显示，当然再显示也还可以另新创建。一、js实现元素div隐藏与显示1、单...
通过原生 js 隐藏和显示标签元素
weixin_45593546的博客
01-31 4007
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一： document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。 方法二： document.getElement
使用原生html +js 写判断显示隐藏和循环
07-15
另外，我们定义了一个隐藏和显示的 `<div>` 元素，并初始设置为隐藏状态。还有一个用于展示循环结果的 `<div>` 元素。 当点击切换显示隐藏的按钮时，会调用 `toggleVisibility()` 函数来切换隐藏和显示状态。当点击...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值