用JavaScript控制DIV的显示和隐藏

最新推荐文章于 2022-04-13 15:03:10 发布
原创 最新推荐文章于 2022-04-13 15:03:10 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #div #function #button

本文介绍了一个简单的JavaScript函数，用于切换DOM元素的可见性状态。通过修改元素的runtimeStyle.visibility属性，实现点击按钮后隐藏或显示指定的层。该示例使用了两个不同的函数来分别控制两个不同的DOM元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script language="javascript" type="text/javascript">
            function showhide()
            {
                if(OaDoc.runtimeStyle.visibility=='visible')
                {
                    OaDoc.runtimeStyle.visibility='hidden'
                }
                else
                {
                    OaDoc.runtimeStyle.visibility='visible'
                }
            }
        </script>



<INPUT language="javascript"  id="btnConfirm2" onclick="showhide()" type="button"  value="上传" name="btnConfirm2">
 然后写上一个层,
<DIV id="OaDoc" style="LEFT: 344px; VISIBILITY: hidden; WIDTH: 353px; POSITION: absolute; TOP: 377px; HEIGHT: 88px"
                align="center">
                ..............................
            </DIV>
lcg22itit
关注
js实现div层的显示与隐藏
10-17
使用js代码实现div层的显示与隐藏，主要是radio的属性。
javascript实现div的显示和隐藏的小例子
10-27
标题中的“javascript实现div的显示和隐藏的小例子”是指通过JavaScript来控制HTML中div元素的可见性，这是前端开发中常见的交互效果。JavaScript是一种广泛使用的客户端脚本语言，它允许在用户与网页交互时动态更新...
js控制div显示与隐藏
linwei_hello的专栏
08-04 919
js显示隐藏层 function showdiv(targetid,objN){           var target=document.getElementById(targetid);       var clicktext=document.getElementById(objN)             if (target.style.display=="b
关于div的隐藏
自由鱼√
10-09 1900
关于div的隐藏div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白style="visibility: none;"document.getElementById("typediv1").style.visibility="hidden";//隐藏document.getElementById("typediv1").style.visibility="visible"
js实现对div的隐藏和显示
冬木彩雨
12-08 557
先根据div的id获取该div: var tPic=document.getElementById("tPic"); tPic.style.display="none";//隐藏，不占位 tPic.style.display="";//显示 tPic.style.visibility="hidden";//隐藏，占位 tPic.style.visib
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 ...
javascript 控制 html元素 显示/隐藏实现代码
10-29
总结来说，JavaScript提供了强大的能力来控制HTML元素的显示状态，可以使用display属性和visibility属性来达到不同的显示/隐藏效果。开发者可以根据需要选择合适的方法来实现元素的隐藏和显示，从而提供更加动态的...
CSS控制DIV层显示和隐藏的实现方法
09-27
CSS控制DIV层显示和隐藏的知识点可以分为以下几个方面： 一、CSS控制元素显示和隐藏的两种属性 在CSS中，控制元素显示和隐藏主要有两个属性：display和visibility。 1. display属性： display属性用来设置或检索...
JQ控制DIV显示和隐藏效果，添加固定密码才可显示
最新发布
03-13
在本例中，我们将探讨如何利用jQuery结合JavaScript、CSS和HTML来控制DIV元素的显示与隐藏效果，并且规定只有输入了正确的密码才可以解锁显示。 首先，我们需要为待控制的DIV元素设置初始的CSS样式，以确保它在页面...
javascript实现显示和隐藏div方法汇总
10-23
本文将详细列举JavaScript实现div显示和隐藏的多种方法，供开发人员在实际项目中根据需求选择使用。下面详细介绍这些方法。 首先，我们来看CSS中常用的几个属性，它们是实现显示和隐藏功能的基础： 1. display：...
js实现多div的显示和隐藏
07-03
js实现多div的显示和隐藏,可实现选项卡效果。详细说明：http://www.our-code.com/news/201073/n616722.html 源码在文章中也全。
JS实现各种动态显示隐藏div效果
01-10
JS实现各种动态显示隐藏div效果，包括卷动显示隐藏效果，渐变显示隐藏效果，大小缩放显示隐藏效果
JS控制HTML元素的显示和隐藏的两种方法
10-21
本文给大家分享两种方法来控制html元素的显示和隐藏，分别利用html的style中两个属性，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
用javaScript控制DIV的显示
..
07-16 194
function showDiv(targetid) { if (document.getElementById){ var target=document.getElementById(targetid); alert(target.style.display); if (target.styl...
javascript实现div的显示和隐藏
Wind_Lam的专栏
05-25 798
oec2003<!--function toggle(targetid){    if (document.getElementById){        target=document.getElementById(targetid);            if (target.style.display=="block"){              
js实现div的显示与隐藏
IT程序员的成长记
08-19 1345
实现div的id为systemNameDIV显示 document.getElementById('systemNameDIV').style.display = ""; 实现div的id的为systemNameDIV隐藏 document.getElementById('systemNameDIV').style.display = "none";
js中div的显示和隐藏
weixin_44389107的博客
01-20 2988
一.方式1：隐藏后仍占有页面空间，显示空白     div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白     style="visibility: none;"      //在Div中设置style属性     document.getElementById("typediv1").style.visibility="hidden";//隐藏     documen...
通过JavaScript控制div隐藏，显示
Ideality_hunter的专栏
11-21 643
比较简单的实现.style.display就是控制层隐藏或显示的属性. function show(){ document.getElementById("div").style.display=""; //alert(document.getElementById("div").style.display) } function hidden(){ document.getElement
js控制div显示隐藏
别在熬夜了！
12-24 1435
function show(){ document.getElementById("div").style.display=""; //alert(document.getElementById("div").style.display) } function hiddens(){ document.getElementById("div").style.display="none"; //ale
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值