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

 更新时间:2013年06月25日 14:54:08   作者:  
这篇文章介绍了在JS中实现DIV显示和隐藏的实例,需要的朋友可以参考一下

复制代码 代码如下:

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

相关文章

  • 微信小程序(订阅消息)功能

    微信小程序(订阅消息)功能

    这篇文章主要介绍了微信小程序订阅消息功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • JavaScript宏任务(macrotask)和微任务(microtask) 执行顺序实例详解

    JavaScript宏任务(macrotask)和微任务(microtask) 执行顺序实例详解

    JavaScript是单线程指的是同一时间只能干一件事情,只有前面的事情执行完,才能执行后面的事情,这篇文章主要介绍了JavaScript宏任务(macrotask)和 微任务(microtask) 执行顺序,需要的朋友可以参考下
    2023-10-10
  • Javascript highcharts 饼图显示数量和百分比实例代码

    Javascript highcharts 饼图显示数量和百分比实例代码

    这篇文章主要介绍了Javascript highcharts 饼图显示数量和百分比实例代码的相关资料,这里附有实例代码,需要的朋友可以参考下
    2016-12-12
  • javascript函数自动执行常用方法汇总

    javascript函数自动执行常用方法汇总

    本文给大家汇总介绍了3种javascript函数自动执行的常用方法,非常的简单实用,有需要的小伙伴可以参考下
    2016-03-03
  • JS图片轮播与索引变色功能实例详解

    JS图片轮播与索引变色功能实例详解

    本文通过实例代码给大家介绍了JS图片轮播与索引变色功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-07-07
  • javascript如何计算数组中某值的出现次数

    javascript如何计算数组中某值的出现次数

    这篇文章主要介绍了javascript如何计算数组中某值的出现次数问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • JS动态计算移动端rem的解决方案

    JS动态计算移动端rem的解决方案

    移动设备分辨率五花八门虽然我们可以通过CSS3的media query来实现适配,但是这种做法并不能适配所有设备,这篇文章主要介绍了js动态计算移动端rem的解决方案,非常不错,感兴趣的朋友一起看看吧
    2016-10-10
  • 微信小程序云开发实现增删改查功能

    微信小程序云开发实现增删改查功能

    这篇文章主要为大家详细介绍了微信小程序云开发实现增删改查功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • javascript中定义类的方法详解

    javascript中定义类的方法详解

    这篇文章主要详细介绍了javascript中定义类的方法的相关资料,需要的朋友可以参考下
    2015-02-02
  • 利用Console来Debug的10个高级技巧汇总

    利用Console来Debug的10个高级技巧汇总

    通常,我们在编写一个新的JavaScript代码过程中经常会发生错误,可能是语法错误,可能是逻辑错误,如果没有一个调试工具帮助我们的话,相信你怕是头都要炸了。下面这篇文章主要给大家总结介绍了关于利用Console来Debug的10个高级技巧,需要的朋友可以参考下。
    2018-03-03

最新评论