欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > JavaScript >

显示和隐藏(display属性)

语法:Object.style.display = value

注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

value取值:
属性
none 此元素不会被显示(即隐藏)
block 此元素将显示为块级元素

看看下面代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2>JavaScript</h2>
<p id="con">作为一个web开发师来说,如果你想要提供漂亮的网页,令用户满意的商户体验,JavaScript是必不可少的工具</p>
<input type="button" name="" id="" value="不显示段落内容" onclick="hidetext()"/>
<input type="button" name="" id="" value="显示段落内容" onclick="showtext()"/>
<script type="text/javascript">
var mycon = document.getElementById('con');
function hidetext(){
	mycon.style.display='none';
}
function showtext(){
	mycon.style.display='block';
}
</script>
</body>
</html>

显示和隐藏(display属性)代码

<script type="text/javascript">
	function hidetext(){
		document.getElementById('con').style.display='none';
	}
	function showtext(){
		document.getElementById('con').style.display='block';
	}
</script>
上一篇标题:javascript控制类名(className 属性)
下一篇标题:javascript改变html样式

相关文章

 

文章-显示和隐藏(display属性)发布日期:2021-04-01 18:04作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/javascript/284.html