编程 Javascript

javascript实现div的显示和隐藏的小例子

Posted in Javascript onJune 25, 2013

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>oec2003</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
    if (document.getElementById){
        target=document.getElementById(targetid);
            if (target.style.display=="block"){
                target.style.display="none";
            } else {
                target.style.display="block";
            }
    }
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的DIV
</body>
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS 面向对象之神奇的prototype

Feb 26 Javascript

异步javascript的原理和实现技巧介绍

Nov 08 Javascript

js正文内容高亮效果的实现方法

Jun 30 Javascript

jquery的map与get方法详解

Nov 04 Javascript

ExtJs中gridpanel分组后组名排序实例代码

Dec 02 Javascript

jQuery中:focus选择器用法实例

Dec 30 Javascript

javascript操作表格排序实例分析

May 06 Javascript

微信小程序获取循环元素id以及wx.login登录操作

Aug 17 Javascript

ES6 对象的新功能与解构赋值介绍

Feb 05 Javascript

JS实现判断有效的数独算法示例

Feb 25 Javascript

.netcore+vue 实现压缩文件下载功能

Sep 24 Javascript

Vant Weapp组件踩坑:picker的初始赋值解决

Nov 12 Javascript

js中复制行和删除行的操作实例

Jun 25 #Javascript

JQuery+DIV自定义滚动条样式的具体实现

Jun 25 #Javascript

js循环改变div颜色具体方法

Jun 25 #Javascript

js点击更换背景颜色或图片的实例代码

Jun 25 #Javascript

js操作iframe的一些方法介绍

Jun 25 #Javascript

动态获取复选框checkbox选中个数的jquery代码

Jun 25 #Javascript

JQuery在页面中添加和除移DOM示例代码

Jun 24 #Javascript

You might like

CodeIgniter框架提示Disallowed Key Characters的解决办法

2014/04/21 PHP

PHP判断手机是IOS还是Android

2015/12/09 PHP

php中curl和soap方式请求服务超时问题的解决

2018/06/11 PHP

详解在YII2框架中使用UEditor编辑器发布文章

2018/11/02 PHP

js的with语句使用方法

2007/09/21 Javascript

window.onload 加载完毕的问题及解决方案（上）

2009/07/09 Javascript

javascript处理table表格的代码

2010/12/06 Javascript

JavaScript之appendChild、insertBefore和insertAfter使用说明

2010/12/30 Javascript

单击按钮显示隐藏子菜单经典案例

2013/01/04 Javascript

js清空form表单中的内容示例

2014/05/20 Javascript

深入浅析Extjs中store分组功能的使用方法

2016/04/20 Javascript

JS操作xml对象转换为Json对象示例

2017/03/25 Javascript

微信小程序开发之实现自定义Toast弹框

2017/06/08 Javascript

微信小程序template模版的使用方法

2019/04/13 Javascript

JavaScript实现抖音罗盘时钟

2019/10/11 Javascript

微信小程序仿淘宝热搜词在搜索框中轮播功能

2020/01/21 Javascript

逐行分析鸿蒙系统的 JavaScript 框架(推荐)

2020/09/17 Javascript

[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15

2019/08/17 DOTA

Python OrderedDict字典排序方法详解

2020/05/21 Python

Python爬虫实现HTTP网络请求多种实现方式

2020/06/19 Python

Python基础进阶之海量表情包多线程爬虫功能的实现

2020/12/17 Python

python 统计list中各个元素出现的次数的几种方法

2021/02/20 Python

Python绘制词云图之可视化神器pyecharts的方法

2021/02/23 Python

小区门卫工作职责

2013/12/14 职场文书

2014年创卫实施方案

2014/02/18 职场文书

生日寄语大全

2014/04/08 职场文书

任命书格式

2014/06/05 职场文书

司法助理专业自荐书

2014/06/13 职场文书

2014年为民办实事工作总结

2014/12/20 职场文书

经理岗位职责

2015/02/02 职场文书

ktv服务员岗位职责

2015/02/09 职场文书

2015年维修电工工作总结

2015/04/25 职场文书

学习心理学心得体会

2016/01/22 职场文书

mysql升级到5.7时,wordpress导数据报错1067的问题

2021/05/27 MySQL

奥特曼十大神器：奥特手镯在榜，第一是贝利亚的神器

2022/03/18 日漫

golang操作rocketmq的示例代码

2022/04/06 Golang