                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

按鈕00為什么在點(diǎn)擊顯示以后另起一行

<!DOCTYPE HTML>

<html>

<head>

<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">做為一個(gè)Web開發(fā)師來說，如果你想提供漂亮的網(wǎng)頁、令用戶滿意的上網(wǎng)體驗(yàn)，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>

qq_貝波_04034180

2016-10-09

源自：JavaScript入門篇 3-5

關(guān)注問題我要回答

1177

操作

收起

3 回答

櫻花樹2015
2016-10-09

點(diǎn)擊“顯示”按鈕后，原來的按鈕元素將轉(zhuǎn)換為block塊級(jí)元素顯示。默認(rèn)一行只能有一個(gè)塊級(jí)元素，不管這行后面有沒有剩余的位置，第二個(gè)都會(huì)放到第二行。若想做到在同一行顯示，可以將其轉(zhuǎn)換為內(nèi)聯(lián)元素，即使display屬性值等于inline，內(nèi)聯(lián)元素一行可以有多個(gè).代碼如下：

function showtext()

{ ?

????????var mychar = document.getElementById("con");

? ? ? ? mychar.style.display="block";

? ? ? ? var mychar1 = document.getElementById("s");

? ? ? ? mychar1.style.display="block";

????????mychar1.style.display="inline";

}