2.2.3新增-hidden属性

最新推荐文章于 2022-11-26 18:56:52 发布

ssmoom

最新推荐文章于 2022-11-26 18:56:52 发布

阅读量739

点赞数

分类专栏： HTML5_CSS3_JavaScript

HTML5_CSS3_JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
		<title>2.2.3新增-hidden属性</title>
	</head>
	<body>
		HTML5为所有元素都提供了一个hidden属性，这个hidden属性支持true、false两个属性值，
		一旦把某个HTML元素的hidden设为true，就意味着通知浏览器不显示该组建，
		浏览器也不会保留该组件所占用的空间。<br>
		hidden属性可以代替CSS样式单中的display属性，
		设置hidden="true"相当于在CSS中设置display:none。<br><br>
		
		eg：示范hidden属性的功能：<br>
		<div id="target" hidden="true" style="height:80px">
			文字内容
		</div>
		<button οnclick="var target=document.getElementById('target');
			target.hidden=!target.hidden;">显示/隐藏</button>
	
	</body>
</html>