按鈕00為什么在點擊顯示以后另起一行
<!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";
? ? ? ? var mychar1 = document.getElementById("s");
? ? ? ? mychar1.style.display="none";
} ?
function showtext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.display="block";
? ? ? ? var mychar1 = document.getElementById("s");
? ? ? ? mychar1.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="顯示" />?
? ? ? ?<input type="button" id="s" value="00" />?
? ? </form>
</body>?
</html>
2016-10-09
點擊“顯示”按鈕后，原來的按鈕元素將轉換為block塊級元素顯示。默認一行只能有一個塊級元素，不管這行后面有沒有剩余的位置，第二個都會放到第二行。若想做到在同一行顯示，可以將其轉換為內聯元素，即使display屬性值等于inline，內聯元素一行可以有多個.代碼如下：
function showtext()
{ ?
????????var mychar = document.getElementById("con");
? ? ? ? mychar.style.display="block";
? ? ? ? var mychar1 = document.getElementById("s");
? ? ? ? mychar1.style.display="block";
????????mychar1.style.display="inline";
}
2016-10-09
點擊顯示后display值變為block，為塊級元素，前后會有換行符
2016-10-09
我是想增加一個按鈕00，用按鈕隱藏和顯示來決定這個00顯示與否。但是發現點擊顯示會改變00的位置，它會自己另起一行。不知道為什么