`

关于div的隐藏

 
阅读更多

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="";//显示 此显示与下一语句显示的作用完全一样,只是下一语句为换行显示,而此语句为直接显示在同一行中。
 
 document.getElementById("typediv1").style.display="block";//显示

分享到:
评论

相关推荐

    控制Div显示和隐藏

    本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。

    div的隐藏与打开

    div的隐藏与打开,关于div的操作。希望大家喜欢。

    JS实现各种动态显示隐藏div效果

    在JavaScript(JS)中,动态显示和隐藏div元素是网页交互设计中常用的技术,它可以提升用户体验,让网页更具活力。本文将深入探讨如何利用JS来实现卷动显示隐藏、渐变显示隐藏以及大小缩放显示隐藏的效果。 1. **...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    精美的div隐藏与显示

    在这个“精美的div隐藏与显示”的主题中,我们将探讨如何使用JavaScript(特别是jQuery库)来实现`div`元素的动态效果,如滑动、淡入淡出以及隐藏和显示。 首先,让我们关注jQuery库。jQuery是一个轻量级的...

    左侧隐藏div,点击按钮弹出

    此外,标签中的“点击按钮”和“弹出隐藏div”强调了交互行为,这在现代Web开发中是非常重要的一部分,因为它们能提高用户的参与度和满意度。 压缩包中的`jquery.validate.pack.js`可能用于表单验证,例如在用户...

    javascript DIV隐藏、显示 弹出式窗口样式

    隐藏和显示`<div>`通常涉及到修改`style.display`属性。默认情况下,`<div>`的`display`属性为`block`,意味着它会占据一整行。如果将其设置为`none`,则该`<div>`将不再占用任何空间,即被隐藏。例如: ```...

    onclick事件实现div的隐藏和显示

    在这个场景中,我们讨论的是如何利用 "onclick" 事件来控制 `div` 元素的隐藏和显示,这在构建动态网页时非常常见。 首先,我们需要了解 `div` 是HTML中的一个块级元素,通常用于组织页面布局。隐藏和显示 `div` ...

    点击按钮(a标签)隐藏显示div内容,切换div内容

    点击按钮(a标签)隐藏显示div内容,切换div内容

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

    div左侧显示和隐藏

    div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家

    Div显示与隐藏网页制作

    在"Div显示与隐藏.txt"这个文件中,可能包含了关于如何在实际网页项目中运用这些技巧的代码示例或详细教程。学习并理解这些内容,对于提升网页制作技能,特别是增强页面交互性和用户体验方面,是非常有价值的。同时...

    网页设计div的显示和隐藏

    ### 网页设计中的div显示与隐藏技术详解 在网页设计中,div元素作为最基本的容器之一,被广泛应用于布局、样式控制等多个方面。而如何有效地控制div元素的显示与隐藏,则是实现交互式设计的重要手段之一。本文将...

    显示相同 id 的 div 隐藏.htm

    显示相同 id 的 div 隐藏 显示相同 id 的 div 隐藏 显示相同 id 的 div 隐藏

    JS做的隐藏与显示DIV可拖动弹出层

    总的来说,这个实例提供了关于`div`层操作和JavaScript交互的一个基础应用,可以帮助开发者了解如何用JavaScript来控制网页元素的显示、隐藏和拖动,提升用户的交互体验。通过实践和理解这个例子,你可以进一步掌握...

    Div显示隐藏

    在本主题中,我们将深入探讨如何利用 `div` 实现“鼠标放到文字上显示隐藏的 `div`”这一交互效果。 首先,我们需要创建两个 `div` 元素,一个用于显示文字,另一个用于隐藏的内容。假设我们有以下 HTML 结构: ``...

    div显示隐藏效果

    `div` 显示和隐藏效果是前端开发中的常见需求,可以用来控制用户界面的可见性,例如实现折叠菜单、弹窗或者动态加载内容等。在本教程中,我们将深入探讨如何在HTML和CSS中实现`div`的显示与隐藏效果。 首先,我们...

    android 实现div隐藏与屏幕动画效果

    要实现`div`效果,我们可以在Android中使用`FrameLayout`、`LinearLayout`或`ConstraintLayout`等布局容器。这些布局允许我们根据需求组合和排列子视图,类似于HTML中的`div`。我们可以调整布局参数,如宽度、高度、...

    js实现定时隐藏div

    js实现定时隐藏div层,任你设置时间,时间一到立即隐藏

Global site tag (gtag.js) - Google Analytics