JS控制显示隐藏层

电玩女神 2022-01-06 06:33 313阅读 0赞

注意：不能用document.getElementsByName；会出现对象未被引用。  
  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>无标题文档</title>  
<script language="JavaScript" type="text/JavaScript">  
<!--  
function toggle(targetid,objN)\{  
  
var target=document.getElementById(targetid);  
var aa=document.getElementById(objN)  
  
if (target.style.display=="block")\{  
target.style.display="none";  
aa.innerText="显示";  
  
  
\} else \{  
target.style.display="block";  
aa.innerText='隐藏';  
\}  
  
\}

\-->  
</script>  
<style type="text/css">  
<!--  
\#div1\{  
background-color:\#000000;  
height:400px;  
width:400px;  
display:none;  
\}  
\#div2\{  
background-color:\#000000;

display:block;  
\}  
\-->  
</style>  
</head>

<body>

<input type="button" id="butn" value="显示" onClick="toggle('div1','butn')" />  
<a href="\#" id="aa" onClick="toggle('div1','aa')">显示</a>  
<form name="frm1">  
<center>  
<div id="div1">  
<input type="text" name="txt" width="18">  
</div></center>  
居中的DIV  
</form>

</body>  
</html>

转载于:https://www.cnblogs.com/zhangchenliang/archive/2007/07/14/817759.html

发表评论取消回复

表情：

评论列表（有 0 条评论，313人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS如何控制DIV层实现显示和隐藏

![bc1d3c989defdbead2478db73330846b.jpeg][] 本文给大家带来了CSS控制DIV层显示和隐藏的方法，是前端学习必须要掌握的基础知识，非常

古城微笑少年丶/ 2024年03月23日 00:22/ 0 赞/ 52 阅读

相关 js控制div点击隐藏显示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta n

比眉伴天荒/ 2022年09月26日 15:49/ 0 赞/ 271 阅读

相关 JS+CSS简单实现DIV遮罩层显示隐藏

http://www.cnblogs.com/aspx-net/archive/2011/03/11/1981071.html [JS+CSS简单实现DIV遮罩层显示隐藏]

忘是亡心i/ 2022年07月16日 08:15/ 0 赞/ 261 阅读

相关如何控制元素显示、隐藏？

http://www.w3school.com.cn/jquery/jquery\_hide\_show.asp ![70][] [70]: /images/2022053

￡神魔★判官ぃ/ 2022年05月30日 05:52/ 0 赞/ 317 阅读

相关 js实现显示与隐藏

总结如下： 1.jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态

亦凉/ 2022年05月26日 08:15/ 0 赞/ 1057 阅读

相关 jquery动态控制div显示隐藏

对于经常使用到的代码，在博客上备份一下，用到时，如果想不起来，直接copy过去。最近在做项目的时候，经常卡在前段这方面，所以，对于经常用到的代码，如果一直出错的话，我们直接

今天药忘吃喽~/ 2022年04月22日 03:00/ 0 赞/ 268 阅读

相关 js显示隐藏图片

1 ![20190213121435766.png][] 2 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_

r囧r小猫/ 2022年03月20日 13:44/ 0 赞/ 273 阅读

相关 JS控制显示隐藏层

注意：不能用document.getElementsByName；会出现对象未被引用。 <html> <head> <meta http-equiv="Con

电玩女神/ 2022年01月06日 06:33/ 0 赞/ 314 阅读

相关 vue+mapbox控制图层的显示和隐藏

代码实现 <el-button @click="changeFill()">changeFill</el-button> <el-button @cli

我就是我/ 2021年07月25日 18:20/ 0 赞/ 1512 阅读

相关 openlayer中控制图层的显示和隐藏

方式一：Layer.setVisible(true) 一种是通过Layer.setVisible(true)的方式让图层显示或隐藏，这种方式只是让图层中CSS的visib

女爷i/ 2021年07月25日 11:04/ 0 赞/ 1602 阅读