想讓事件執行前后按鈕的位置不變
如題，怎么寫代碼？
我試了一下css的定位，發現沒有用，不知何故
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<title>display</title>
????<script?type="text/javascript">?
????????function?hidetext()??
????????{??
????????document.getElementById("con").style.display="none";
????????}??
????????function?showtext()??
????????{??
????????var?mychar?=?document.getElementById("con");
????????mychar.style.display="block";
????????}
????</script>?
????<style>
????????.my{
????????????position:absolute;
????????????top=300px;
????????????left=20px;
????????}
????</style>
</head>?
<body>??
????<h1>JavaScript</h1>??
????<p?id="con">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>?
????<form>
????<div?class="my">
???????<input?type="button"?onclick="hidetext()"?value="隱藏內容"?/>?
???????<input?type="button"?onclick="showtext()"?value="顯示內容"?/>?</div>
????</form>
</body>?
</html>css代碼可能有錯（汗……隔了有段時間了
2016-07-03
function hidetext()?
??{?
??var mychar = document.getElementById("con");
??????? mychar.style.visibility="hidden";
??}?
??function showtext()?
??{?
??var mychar = document.getElementById("con");
??????? mychar.style.visibility="visible";
??}
2016-07-07
雖然你已經采納了最佳，但是還是得說一下的。
document.getElementById("con").style.display="none";
----- 這個可以讓id = con 的節點元素隱藏并且釋放頁面空間的。
document.getElementById("con").style.visibility="hidden";
----- 只能讓 id = con 的節點元素隱藏，其實它還是在頁面的，只是顯示空白而已。如果你用學了"盒子模型"，浮動一下，看看visibility的節點元素是否還在頁面上占了位，就馬上能知道了。
2016-07-03
<style> ????????.my{ ????????????position:absolute; ????????????top:300px; ????????????left:20px; ????????} ????</style>top和left后是冒號