显示和隐藏（display属性）

语法：Object.style.display = value

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

value取值:

值	属性
none	此元素不会被显示(即隐藏)
block	此元素将显示为块级元素

看看下面代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2>JavaScript</h2>
<p id="con">作为一个web开发师来说,如果你想要提供漂亮的网页,令用户满意的商户体验,JavaScript是必不可少的工具</p>
<input type="button" name="" id="" value="不显示段落内容" onclick="hidetext()"/>
<input type="button" name="" id="" value="显示段落内容" onclick="showtext()"/>
<script type="text/javascript">
var mycon = document.getElementById('con');
function hidetext(){
mycon.style.display='none';
}
function showtext(){
mycon.style.display='block';
}
</script>
</body>
</html>

显示和隐藏（display属性）代码

<script type="text/javascript">
function hidetext(){
document.getElementById('con').style.display='none';
}
function showtext(){
document.getElementById('con').style.display='block';
}
</script>