JS隐藏/显示div标签

代码如图：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><!-- 默认为隐藏 --><style>#hide{display: none;}</style><!-- 为button按钮添加一个点击后显示事件 --><script>function hideDiv(){var btn = document.getElementById('hide');btn.style.display = "block";}</script>
</head>
<body><input id="show" type="button" value="显示隐藏div" onclick="hideDiv()"><!-- 创建一个div标签，并把要隐藏的内容写到div里 --><div id="hide">我是隐藏的div</div></body>
</html>

效果图:

JS隐藏/显示div标签相关推荐

js隐藏显示div页面方法
今天呢,给大家分享一下,通过js来隐藏显示首先,先上图这是js代码这是H5及css样式效果图,由于用于测试,比较简陋,不要在意,哈哈哈哈! 给大家测试代码,有需要可以复制 <scrip ...
javascript怎么隐藏显示div
设置方法:1.使用style对象的display属性,值为"none"可隐藏div元素,值为"block"可显示元素:2.使用style对象的visibilit ...
一些简单的js技术实现点击的js隐藏显示
首先这是一个js的方法然后获取模块的属性根据模块的属性设置隐藏和显示 function showoopenordown(){ var oDiv=document.getElementByI ...
html如何布局div标签,用Div标签进行网页布局
一.插入Div标签可以通过手动插入Div标签并对它放们应用CSS定位样式来创建页面布局.要添加Div标签,将插入点放置在要显示Div标签的位置,选择[插入]>[布局对象]>[Div标签] ...
隐藏a标签html,a标签显示隐藏 js怎么控制a标签的显示和隐藏
js怎么控制a标签的显示和隐藏将标签放在层里面,控制层的显示和隐藏就可以: show是层的ID名, 隐藏层:document.getElementById("show").sty ...
js点击显示div，点击取消隐藏div
js点击显示div,点击取消隐藏div <script language="javascript" type="text/javascript"> ...
JS jQuery显示隐藏div的几种方法
<div id="demo">AAA</div> JS隐藏和显示div的方式有两种: 方式1:隐藏后释放占用的页面空间通过设置display属性可以使di ...
JS隐藏和显示div的方式
JS隐藏和显示div的方式有两种: 方式1:隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" ...
css中显示隐藏div层,JS CSS 显示隐藏DIV 层
匿名用户 1级 2011-01-12 回答调整了下标签的位置一般js要放在css后面最好js放在dom最后,等待dom解释完毕再执行js代码无标题文档 #div1{ border:1px #0 ...

JS隐藏/显示div标签

JS隐藏/显示div标签相关推荐

最新文章

热门文章