`

动态显示Div

div学习 
阅读更多

function showHideDIV(){

var doc = document.getElementById("content");
doc.style.display =
(doc.style.display == "none"?"block":"none");
}

 

<div id="view" onclick="showHideDIV();">显示内容</div>

<div id="content" style="display:none;">这是隐藏的内容</div>

分享到：
| 一个关于得到数字个数的问题？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ajax+JSON动态显示某个div的内容

    项目的功能如下：点击前台的某个链接或者按钮，动态的在某个div层上显示从数据库中查询的内容（这个div可以是浮动层，我为了简单就没做浮动处理了），在项目中数据没有从数据库获取，只是根据前台Ajax请求传递的参数...

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

    JS实现各种动态显示隐藏div效果，包括卷动显示隐藏效果，渐变显示隐藏效果，大小缩放显示隐藏效果

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

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

    DIV动态显示滚动条

    通过JS来控制DIV动态的显示滚动条，其中使用到了jquery技术

    控制Div显示和隐藏

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

    通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

    本文为大家介绍下将DIV的滚动条滚动到其子元素所在的位置，方便自动定位,需要的朋友可以参考下

    js使用removeChild方法动态删除div元素

    用户打开查找界面时，有系统推荐的用户，而当用户按条件查找后，查找的结果动态加载和显示。所以考虑到用js来搞。 这个for循环就是移除已有的表单。然后根据Ajax请求过来的数据，动态生成新的表单对象。一定要注意j...

    JQuery 动态生成DIV、Table并处理数据,DWR与后台交互

    // 绑定高度并获得当前隐藏keys（获得当前事件的下一个元素） /** * 显示状态和模块 ...* 动态创建层并添加显示内容 改分页 */ /** * DWR 提交 */ /** * 分页函数 */ /** * 验证 */

    div完美自适应动态上下左右居中

    复制代码代码如下: div { position:absolute; width:500px; height:260px; top:50%; left:50%; margin-left:-250px; height:-130px; z-index:1000; } 文字居中：text-align:center; height:22px;line-height:22px;...

    div+CSS 多排多列的显示东西．不使用LI

    一个朋友不明白DIV自动用程序来控制多排多列．怎么放＃ID．这个小例子．一看你就知道DIV怎么多列动态显示了． 最左边一排．要无marign-left 后面的marin-left自设

    Vue实现点击箭头上下移动效果

    &lt;body&gt; &lt;div id=app&gt; (item,i)&gt;{{item.name}} //i(i)&gt;↓&lt;/button&gt; &lt;button v-show=i&gt;0 @click=up(i)&gt;↑&lt;/button&gt; &lt;/div&gt; &lt;script sr

    JS实现日期时间动态显示的方法

    本文实例讲述了JS实现日期时间动态显示的方法。分享给大家供大家参考，具体如下： 运行效果截图如下： 具体代码如下： &lt;html&gt; &lt;head&gt; &lt;title&gt;js日期时间动态显示&lt;/title&gt; &lt;/head&gt; &...

    vue根据数据动态展示页面

    vue根据数据动态展示页面，动态组件，动态表格，动态弹窗等，仅供静态数据进行页面展示。vue根据数据动态展示页面，动态组件，动态表格，动态弹窗等，仅供静态数据进行页面展示。vue根据数据动态展示页面，动态组件...

    JavaScrip asp.net显示动态时间

    要在 ASP.NET 网页中动态显示时间，需要使用 JavaScript 语言来实现。可以使用 Date 对象获取当前时间，然后使用 innerHTML 属性将时间显示在 div 元素中。为了实现实时更新时间，可以使用 setTimeout() 函数来调用 ...

    动态显示隐藏内容

    动态展示div内容，很简单的一个denmo，座位参照!~

    JQuery DIV 动态隐藏和显示的方法

    2. **动态隐藏和显示DIV** 示例代码中展示了如何根据用户的选择动态改变DIV的可见性。通过给不同的单选按钮（`&lt;input type="radio"&gt;`）绑定点击事件，可以控制相应的DIV显示或隐藏。例如，当用户选择ID为`btnWeek`...

    JS+CSS实现感应鼠标渐变显示DIV层的方法.docx

    `change_show()`函数用于渐变显示DIV层，通过增加`i`的值来逐渐改变`filter:Alpha(Opacity)`和`opacity`属性，使得层的透明度逐渐降低，从而达到显示的效果。`change_hidden()`函数则相反，通过减少`j`的值来使层的...

    DIV的显示和隐藏.docx

    总结来说，通过CSS的`display`和`visibility`属性，以及JavaScript的DOM操作，我们可以方便地控制网页上的`DIV`以及其他HTML元素的显示和隐藏，从而实现动态的交互效果。在实际开发中，这种控制方式广泛应用于下拉...

    基于Echarts图表在div动态切换时不显示的解决方式

    然而，在实际操作中，可能会遇到一个问题，即当Echarts图表所在的div元素在动态切换时，图表可能无法正常显示。本文将详细解析这个问题，并提供解决方案。 首先，问题出现在使用Vue等前端框架时，通过事件（如`...

    DIV_CSS测试题

    2. **div与span的区别**：`div`是块级元素，独占一行，`span`是内联元素，与其他内联元素并排显示。 3. **边距与内填充**：`margin`用于调整元素的外边距，`padding`用于调整元素的内填充。 4. **颜色值缩写**：颜色...

Magicbox
Global site tag (gtag.js) - Google Analytics