JavaScript实现DIV层的隐藏与显示

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

#javascript #div #function #html #button #border

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DiV元素的隐藏与显示</title>
</head>
<body>
<script language="javascript">
<!--
var divobj = "no";
function ChangeColor(obj)
{
    var flag = document.getElementById(obj).style.display;
    if(flag == "none")
        document.getElementById(obj).style.display = "block";
    if(divobj == "no")
    {
        document.getElementById(obj).style.backgroundColor = "#FFCC00";
        divobj = "yes";
    }    
    else
    {
        document.getElementById(obj).style.backgroundColor = "#FFFFFF";    
        divobj = "no";
    }    
}
function HiddenShow(obj)
{
    var flag = obj.style.display;
    if(flag == "")
        obj.style.display = "none";
    else
        obj.style.display = "";    
}
-->
</script>
<div id="targetDiv" onClick="HiddenShow(this);" style="border:1px solid #000;width:150px;cursor:pointer;" title="单击隐藏">
&nbsp;Lee Cong Text</div>
<input type="button" value="改变Color" onclick="ChangeColor('targetDiv');">
</body>
</html>
 
js实现div层的显示与隐藏
10-17
使用js代码实现div层的显示与隐藏，主要是radio的属性。
javascript实现显示和隐藏div方法汇总
12-09
在JavaScript中，显示和隐藏`div`元素是前端开发中常见的需求。本篇文章将汇总15种不同的方法来实现这一功能。...通过JavaScript动态绑定事件和修改样式，可以轻松地实现`div`元素的显示和隐藏，增强用户交互体验。
js 控制div 隐藏与显示
passport_daizi的博客
01-22 1678
js显示隐藏层 <!-- function showdiv(targetid,objN){ var target=document.getElementById(targetid); var clicktext=document.getElementById(objN) if (target.style.display=="block"
div 隐藏和显示
flyer222的专栏
04-23 4562
标题：关于div的隐藏出处：沧海一粟时间：Wed, 27 Sep 2006 10:53:45 +0000作者：jed地址：http://jed.dzhope.com/read.php/83.htm内容：div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白style="visibility: none;"document.getElementById("typediv1")
JS控制DIV隐藏显示
weixin_33721427的博客
08-13 182
转载自：http://blog.sina.com.cn/s/blog_6c3a67be0100ldbe.html JS控制DIV隐藏显示 一，需求描述： 现在有3个DIV块，3个超链接，需要点击一个链接，显示相应的模块，并隐藏其余2个模块 二，代码如下 示例一 Html代码 &lt;html&gt;   &lt;head&gt;   &lt;script type...
jquery技巧-控制div的显示与隐藏
06-18 1098
$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
用css + javaScript实现层的隐藏、显示切换.doc
最新发布
06-28
### 使用CSS与JavaScript实现层的隐藏与显示切换 在网页设计与开发中，动态地控制元素的显示与隐藏是常见的需求之一。通过结合CSS和JavaScript技术，可以轻松地实现这一功能，进而提升用户体验并增强页面的互动性。...
CSS控制DIV层显示和隐藏的实现方法
09-27
CSS控制DIV层显示和隐藏的知识点可以分为以下几个方面： 一、CSS控制元素显示和隐藏的两种属性 ...通过学习和实践CSS控制DIV层显示和隐藏的方法，前端开发者能够更好地实现用户界面的动态交互效果，提升用户体验。
层的显示与隐藏
shuang1226的专栏
09-05 174
js显示隐藏层 点击查看详细信息 打开的内容 点击查看详细信息 1、帅有个屁用!到头来还不是被卒吃掉! 2.不怕被人利用，就怕你没用。 3.人生自古谁无死，哪个拉*不用纸。 4.生的伟大，死在花下！ 5.有钱人终成眷属。 6.废话是人际关系的第一句。 7.只要锄头舞的好，那有墙角挖不倒？ 8.要在江湖混，最好是光棍！！...
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的显示隐藏
T`
08-02 1万+
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=document.getEl
js控制 div显示隐藏
晓风揽月
02-05 5472
显示与隐藏 function dis(b){ document.getElementById('qq').style.display = (document.getElementById('qq').style.display=="block") ? "none" : "block"; b.value = (b.value=="显示") ? "隐藏" : "显示"; } #qq {dis
JavaScript——控制div的显示隐藏
Chenbaby_的博客
11-26 465
Title 123 显示 隐藏     var div = document.getElementById('div');     var btn = document.getElementsByTagName('button');     btn[0].onclick = function(){         div.style.display = "block";
关于div的隐藏
自由鱼√
10-09 1930
关于div的隐藏div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白style="visibility: none;"document.getElementById("typediv1").style.visibility="hidden";//隐藏document.getElementById("typediv1").style.visibility="visible"
js控制显示隐藏DIV
Erikz的专栏
02-10 973
JS部分：    //显示、隐藏置标添加向导  function changeDisplay() {       var helloDivObj = $("#size2");       var buttonObj = $("#zbtj");       var val = buttonObj.attr("value");       if (val == "隐藏置标添加向导") {
div 隐藏和显示方式
随心更博
07-08 1万+
在js中可以使用两种方式控制div的显示和隐藏，都能够实现显示和隐藏，但是又有所不同； 一.方式1：隐藏后仍占有页面空间，显示空白     div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白     style="visibility: none;"      //在Div中设置style属性     document.getElementById(
js控制div点击隐藏显示
bin1813的博客
03-06 2374
点击切换 #thediv { width: 200px; height: 50px; background: #ccc; display: none; } window.onload = function () {
js控制div显示与隐藏
weixin_34416754的博客
04-07 121
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
div隐藏和显示方式
zjh_wd的博客
11-22 1200
div隐藏和显示方式style="display: none;"//隐藏document.getElementById("p").style.display="none";//隐藏 document.getElementById("p").style.display="";//显示$("#p").hide();//隐藏 $("#p").show();//显示$(&quo
JavaScript实现显示隐藏层与弹出菜单的教程
不同浏览器对JavaScript的支持可能有所不同，使用JavaScript实现显示隐藏层和弹出菜单时需要兼容主流浏览器，并适当处理浏览器兼容性问题。 通过上述知识点的总结，我们可以得出结论，显示隐藏层与弹出菜单的实现...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值