JS控制显示隐藏层

电玩女神 2022-01-06 06:33 339阅读 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 条评论，339人围观）

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

相关阅读

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

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

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

相关 jquery控制隐藏显示切换

<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"

缺乏、安全感/ 2023年06月11日 04:22/ 0 赞/ 6 阅读

相关 js控制元素隐藏和显示

方法一： document.querySelector("id").style.visibility="hidden"; document.quer

爱被打了一巴掌/ 2023年06月08日 15:53/ 0 赞/ 16 阅读

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

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

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

相关 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 赞/ 298 阅读

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

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

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

相关 js显示隐藏图片

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

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

相关 JS控制显示隐藏层

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

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

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

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

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

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

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

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