javaScript中隐藏或显示内容
2016-07-22 00:00
513 查看
语法:
Object.style.display="none" //隐藏
Object.style.display="none" //显示
<script type="text/javascript">
function hide()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function show()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。</p>
<form>
<input type="button" onclick="hide()" value="隐藏" />
<input type="button" onclick="show()" value="显示" />
</form>
Object.style.display="none" //隐藏
Object.style.display="none" //显示
<script type="text/javascript">
function hide()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function show()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。</p>
<form>
<input type="button" onclick="hide()" value="隐藏" />
<input type="button" onclick="show()" value="显示" />
</form>
相关文章推荐
- Eclipse去除js(JavaScript)验证错误
- thymeleaf中js 取值
- 全局异常处理器&上传图片&json格式& restfull&拦截器
- 原生JS相关
- 41个Web开发者必须收藏的JavaScript实用技巧
- JavaScript数组去重的四种方法
- JavaScript 框架设计
- JavaScript—40个Web开发者必须收藏的JavaScript实用技巧
- JSP定义和四大范围
- js 自动补全
- JavaScript简单例子之DOM动态获取年月日下拉框
- express 解析post方式下的json参数
- js调用大全含ajax
- js调用大全含ajax
- javascript简单的轮播图
- js中的history和location对象及节点
- Retrofit解析网页Json数据简单实例
- JS学习笔记:类型转换
- js基础知识
- 自定义JSP标签库及Properties使用