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

版权声明:本文为博主原创文章,未经博主允许不得转载。| www.qingning99.cn | 公众号:Worldhello | https://blog.csdn.net/vcx08/article/details/52999446
*/
 * 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>

阅读更多

扫码向博主提问

壹言

非学,无以致疑;非问,无以广识
去开通我的Chat快问
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页