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

最新推荐文章于 2024-07-07 20:19:55 发布

壹言

最新推荐文章于 2024-07-07 20:19:55 发布

阅读量1.1w

点赞数 1

分类专栏： JavaScript 文章标签： display javascript

本文链接：https://blog.csdn.net/vcx08/article/details/52999446

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

*/
 * 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" οnclick="hidetext()" value="隐藏内容" /> 
       <input type="button" οnclick="showtext()" value="显示内容" />

   </form>
</body> 
</html>

壹言

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
JavaScript中如何给按钮设置隐藏与显示属性

*/ * Copyright (c) 2016，烟台大学计算机与控制工程学院 * All rights reserved. * 文件名：text.html * 作者：常轩 * 微信公众号：Worldhello * 完成日期：2016年11月1日 * 版本号：V1.0 * 程序输入：无 * 程序输出：见运行结果 */<!--JavaScript中的隐藏与显示（display）
复制链接

扫一扫

专栏目录