想讓事件執(zhí)行前后按鈕的位置不變
如題，怎么寫代碼？
我試了一下css的定位，發(fā)現(xiàn)沒有用，不知何故
<!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">做為一個(gè)Web開發(fā)師來說，如果你想提供漂亮的網(wǎng)頁(yè)、令用戶滿意的上網(wǎng)體驗(yàn)，JavaScript是必不可少的工具。</p>?
????<form>
????<div?class="my">
???????<input?type="button"?onclick="hidetext()"?value="隱藏內(nèi)容"?/>?
???????<input?type="button"?onclick="showtext()"?value="顯示內(nèi)容"?/>?</div>
????</form>
</body>?
</html>css代碼可能有錯(cuò)（汗……隔了有段時(shí)間了
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
雖然你已經(jīng)采納了最佳，但是還是得說一下的。
document.getElementById("con").style.display="none";
----- 這個(gè)可以讓id = con 的節(jié)點(diǎn)元素隱藏并且釋放頁(yè)面空間的。
document.getElementById("con").style.visibility="hidden";
----- 只能讓 id = con 的節(jié)點(diǎn)元素隱藏，其實(shí)它還是在頁(yè)面的，只是顯示空白而已。如果你用學(xué)了"盒子模型"，浮動(dòng)一下，看看visibility的節(jié)點(diǎn)元素是否還在頁(yè)面上占了位，就馬上能知道了。
2016-07-03
<style> ????????.my{ ????????????position:absolute; ????????????top:300px; ????????????left:20px; ????????} ????</style>top和left后是冒號(hào)