javascript实现显示和隐藏div方法汇总

前端之家收集整理的这篇文章主要介绍了javascript实现显示和隐藏div方法汇总前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript实现显示和隐藏div方法汇总

<Meta charset="UTF-8"> 15种<a href="/tag/fangfa/" target="_blank" class="keywords">方法</a>实现div<a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>和隐藏

我们再来看下其他小伙伴是如何实现的

oec2003

<script language="JavaScript" type="text/JavaScript">

<style type="text/css">

<div id="div1">

居中的DIV

示例三:

先来看一个最简单的实例,这个可以实现显示和隐藏层

function $_(id){ return document.getElementById(id); }; function display(x){ $(x).style.display=($(x).style.display=="none")?"":"none"; };

下面是关闭层,其实原理 是一样的只是加了个效果

无<a href="/tag/biaoti/" target="_blank" class="keywords">标题</a>文档