                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

display屬性

3-5display屬性的那個有哪位做出了效果么？代碼寫完完全沒有隱藏的效果啊？？？

Nicolas_angle

2015-07-22

源自：JavaScript入門篇 3-5

關注問題我要回答

777

操作

收起

1 回答

Perona
2015-07-22

<!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">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>?
????<form>
???????<input?type="button"?onclick="hidetext()"?value="隱藏內容"?/>?
???????<input?type="button"?onclick="showtext()"?value="顯示內容"?/>?
????</form>
</body>?
</html>

你拷貝運行看看~~~