编程 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操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)

Jan 30 Javascript

xml 封装与解析(javascript和C#中)

Jul 26 Javascript

js focus不起作用的解决方法(主要是因为dom元素是否加载完成)

Nov 05 Javascript

JS实现遮罩层效果的简单实例

Nov 12 Javascript

node.js回调函数之阻塞调用与非阻塞调用

Nov 13 Javascript

JQuery 设置checkbox值二次无效的解决方法

Jul 22 Javascript

js中用cssText设置css样式的简单方法

Sep 19 Javascript

js 将线性数据转为树形的示例代码

May 28 Javascript

nest.js 使用express需要提供多个静态目录的操作方法

Oct 24 Javascript

JavaScript+HTML实现学生信息管理系统

Apr 20 Javascript

vite+vue3.0+ts+element-plus快速搭建项目的实现

Jun 24 Vue.js

JavaScript 对象创建的3种方法

Nov 17 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

提升PHP执行速度全攻略

2006/10/09 PHP

采用header定义为文件然后readfile下载(隐藏下载地址)

2014/01/31 PHP

PHP自带ZIP压缩、解压缩类ZipArchiv使用指南

2015/03/03 PHP

PHP编程基本语法快速入门手册

2016/01/07 PHP

jQuery UI AutoComplete 自动完成使用小记

2010/08/21 Javascript

js中自定义方法实现停留几秒sleep

2014/07/11 Javascript

jQuery $命名冲突解决方案汇总

2014/11/13 Javascript

JavaScript控制图片加载完成后调用回调函数的方法

2015/03/20 Javascript

详解如何在NodeJS项目中优雅的使用ES6

2017/04/22 NodeJs

详解基于vue-router的动态权限控制实现方案

2017/09/28 Javascript

微信小程序实现星星评价效果

2018/11/02 Javascript

vue路由导航守卫和请求拦截以及基于node的token认证的方法

2019/04/07 Javascript

微信小程序系列之自定义顶部导航功能

2019/05/21 Javascript

JavaScript中的函数申明、函数表达式、箭头函数

2019/12/06 Javascript

浅谈Vue组件单元测试究竟测试什么

2020/02/05 Javascript

Node.js+Vue脚手架环境搭建的方法步骤

2020/03/08 Javascript

SpringBoot在yml配置文件中配置druid的操作

2020/11/16 Javascript

[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25

2020/11/25 DOTA

python连接mysql实例分享

2016/10/09 Python

Python实现导出数据生成excel报表的方法示例

2017/07/12 Python

Python实现对百度云的文件上传(实例讲解)

2017/10/21 Python

python实现随机调用一个浏览器打开网页

2018/04/21 Python

pandas.DataFrame选取/排除特定行的方法

2018/07/03 Python

python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例

2020/02/27 Python

Python实现读取并写入Excel文件过程解析

2020/05/27 Python

HTML5中使用postMessage实现两个网页间传递数据

2016/06/22 HTML / CSS

Html5自定义字体解决方法

2019/10/09 HTML / CSS

Coach澳大利亚官方网站：美国著名时尚奢侈品牌

2017/05/24 全球购物

香港优质食材和美酒专门店：FoodWise

2017/09/01 全球购物

一份全面的PHP面试问题考卷

2012/07/15 面试题

《一件运动衫》教学反思

2014/02/19 职场文书

中国梦主题教育活动总结

2014/05/05 职场文书

人力资源求职信

2014/05/25 职场文书

一年级数学上册复习计划

2015/01/17 职场文书

2015暑期社会实践通讯稿

2015/07/18 职场文书

Win11黑色桌面背景怎么办？Win11黑色壁纸解决方法汇总

2022/04/05 数码科技