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>              

相关文章

  • javascript:void(0)是什么意思示例介绍

    javascript:void(0)是什么意思示例介绍

    Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值,有不了解的朋友可以参考下本文
    2013-11-11
  • JavaScript数据结构与算法之栈详解

    JavaScript数据结构与算法之栈详解

    这篇文章主要介绍了JavaScript数据结构与算法之栈详解,本文讲解了对栈的操作、对栈的实现实例等内容,需要的朋友可以参考下
    2015-03-03
  • Javascript中的for in循环和hasOwnProperty结合使用

    Javascript中的for in循环和hasOwnProperty结合使用

    当检测某个对象是否拥有某个属性时,hasOwnProperty 是唯一可以完成这一任务的方法,在 for in 循环时,建议增加 hasOwnProperty 进行判断,可以有效避免扩展本地原型而引起的错误
    2013-06-06
  • 浅析TypeScript中的类型检查与错误捕获

    浅析TypeScript中的类型检查与错误捕获

    类型检查是一种静态分析的过程,用于验证变量、函数和表达式的类型是否符合预期,这篇文章主要来和大家聊聊TypeScript中类型检查与错误捕获的相关知识,希望对大家有所帮助
    2023-06-06
  • 移动端触摸滑动插件swiper使用方法详解

    移动端触摸滑动插件swiper使用方法详解

    这篇文章主要为大家详细介绍了移动端触摸滑动插件swiper的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JavaScript数据类型转换的注意事项

    JavaScript数据类型转换的注意事项

    JavaScript是一种无类型语言,但同时JavaScript提供了一种灵活的自动类型转换的处理方式。基本规则是,如果某个类型的值用于需要其他类型的值的环境中,JavaScript就自动将这个值转换成所需要的类型。
    2016-07-07
  • js中函数的length是多少

    js中函数的length是多少

    本文主要介绍了js中函数的length是多少,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 如何用JavaScipt测网速

    如何用JavaScipt测网速

    这篇文章主要介绍了如何用JavaScipt测网速,对测网速感兴趣的同学,可以参考下
    2021-05-05
  • 原生JavaScrpit中异步请求Ajax实现方法

    原生JavaScrpit中异步请求Ajax实现方法

    这篇文章主要介绍了原生JavaScrpit中异步请求Ajax实现方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • 关于JS中的全等和不全等、等于和不等于问题

    关于JS中的全等和不全等、等于和不等于问题

    等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是它们在检查相等性前,不执行类型转换。接下来通过本文给大家介绍JS中的全等和不全等、等于和不等于,一起看看吧
    2021-09-09

最新评论