关闭

JavaScript中如何给按钮设置隐藏与显示属性

标签: displayjavascript
2450人阅读 评论(1) 收藏 举报
分类:
*/
 * Copyright (c) 2016,烟台大学计算机与控制工程学院
 * All rights reserved.
 * 文件名:text.html
 * 作者:常轩
 * 微信公众号:Worldhello
 * 完成日期:2016年11月1日
 * 版本号:V1.0
 * 程序输入:无
 * 程序输出:见运行结果
 */
<!--JavaScript中的隐藏与显示(display)
使用方法:
Object.style.display=”none”  即隐藏;
Object.style.display=”block”  即显示;
实例:-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
    <script type="text/javascript"> 
        function hidetext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display="none";
		}  
		function showtext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display="block";
		}
    </script> 
</head> 
<body>  
    <h1>JavaScript</h1>  
    <p id="con"> 在幽静的小路上,独自走着,天空上下着淅沥沥的小雨。早已被行人磨秃棱角的石阶之间的缝隙除布满了青苔。从路旁的树林中也不时传来几声鸟叫。</p> 
    <form>
       <input type="button" onclick="hidetext()" value="隐藏内容" /> 
       <input type="button" onclick="showtext()" value="显示内容" /> 
   </form>
</body> 
</html>

0
0
查看评论

js如何将一个按钮显示或者隐藏

关于一个元素的显示和隐藏有很多的方法,随便百度就可以找到办法,这边我就记录一下我是怎么显示和隐藏的,便于以后回顾。 需求是:当state为1和2时,按钮(id是plshbtn)就是隐藏起来;当state为0时,按钮就会显示。 js方法如下: if($("#state").v...
  • h_tinkinginjava
  • h_tinkinginjava
  • 2017-10-19 09:19
  • 1252

<input type="button" style="display:none">隐藏按钮显示

if($.trim($("#feeType").val())=="zj"){     $("#goonpay").css("display","inline"...
  • tsing_kou
  • tsing_kou
  • 2014-10-31 15:44
  • 11836

button实现隐藏,可见; 直接show、hide即可

点我 $("#test").show();  $("#test").hide();
  • Ideality_hunter
  • Ideality_hunter
  • 2017-04-18 08:52
  • 1658

hidden.html button隐藏和显示内容

  • 2015-04-09 18:45
  • 2KB
  • 下载

JavaScript控制按钮的显示和隐藏

script language="javascript">//none表示不显示按钮document.getElementById("transFund_bttn").style.display = "none";document.g...
  • Solidwang
  • Solidwang
  • 2009-12-01 18:14
  • 6348

隐藏按钮和disable 属性

    在icefaces 及 jsf 中 都有 render 属性,当他为false 的时候,按钮就会自动隐藏起来     disable 属性是用来表示按钮是否可用。当他为true 时,按钮就为不可用,当他为false 时即为...
  • bolink5
  • bolink5
  • 2009-04-23 17:10
  • 576

qt--创建可隐藏的按钮

本文的目的是创建一个widget,widget显示一张莱纳图,此外widget还有一个按钮。这个按钮平时隐藏,仅当光标悬停在其上超过1秒时,才会显示。当光标拿开,按钮又隐藏。 思路是1)用QImage载入莱纳图,重写虚函数paintEvent把莱娜图显示在widget上面。 2)用setVisi...
  • liji_digital
  • liji_digital
  • 2016-10-14 22:18
  • 1530

js 设置button 的disabled属性

.net 页面中,需有有一个button按钮,点击后,设置本按钮的disabled属性,并触发服务器端事件。代码如下:html:             c#  protected...
  • love_rrr
  • love_rrr
  • 2009-12-01 22:13
  • 24032

jquery 设置button可用不可用以及隐藏和显示

$("#btn").hide(); $('#btn').attr('disabled',"true"); $("#btn").show(); $('#btn').removeAttr(&...
  • u014172271
  • u014172271
  • 2017-09-29 11:16
  • 530

javascript中的显示和隐藏(display属性)

display             function hidetext()           {   ...
  • wuxiaobingandbob
  • wuxiaobingandbob
  • 2016-05-12 08:51
  • 5740
    个人资料
    • 访问:126486次
    • 积分:3214
    • 等级:
    • 排名:第12600名
    • 原创:187篇
    • 转载:4篇
    • 译文:9篇
    • 评论:33条
    RUNNING|~_~|My web
    微信公众号
    课程设计、视频资源、有料趣文
    Worldhello


    微信公众号:Worldhello
    期待您的关注!
    博客专栏
    最新评论