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

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

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

<Meta charset="UTF-8"> 15种<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a>实现div<a href="https://www.jb51.cc/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="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档