通過修改display屬性實現顯示和隱藏功能

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			window.onload=function(){
				var btn = document.getElementById('btn');
				var ul = document.getElementById('ul');
				btn.onclick=function(){
					var result=ul.style.display;
					if(result=="block")
					{
						ul.style.display='none';
					}
					else
					{
						ul.style.display='block';
					}
				}
			}
		</script>
	</head>
	<body>
		
		<p id='btn'>輸入法</p>
		<ul id="ul" style="display: block">
			<li>百度輸入法</li>
			<li>訊飛輸入法</li>
		</ul>
	</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章