顯示和隱藏(display屬性)
網(wǎng)頁中經(jīng)常會看到顯示和隱藏的效果,可通過display屬性來設(shè)置。
語法:
Object.style.display = value
注意:Object是獲取的元素對象,如通過document.getElementById("id")獲取的元素。
value取值:

看看下面代碼:

任務(wù)
我們來實(shí)現(xiàn)id="con"的p標(biāo)簽元素的隱藏和顯示:
1. 在右邊編輯第10行補(bǔ)充代碼,通過style.display實(shí)現(xiàn)隱藏。
2. 在右邊編輯第15行補(bǔ)充代碼,通過style.display實(shí)現(xiàn)顯示。
- ?不會了怎么辦
-
1.隱藏:mychar.style.display="none";
2.顯示: mychar.style.display="block";
<!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");
}
function showtext()
{
var mychar = document.getElementById("con");
}
</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="隱藏內(nèi)容" />
<input type="button" onclick="showtext()" value="顯示內(nèi)容" />
</form>
</body>
</html>
請驗(yàn)證,完成請求
由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求