<head>
<title>display属性与visibility属性的区别</title>
<style type="text/css">
div {
border: 1px red solid;
height: 300px;
width: 300px;
}
</style>
<script type="text/javascript">
window.onload = function () {
document.getElementById('btnDisplay').onclick = function () {
document.getElementById('dv').style.display = 'none';
};
document.getElementById('btnVisibility').onclick = function () {
document.getElementById('dv').style.visibility = 'hidden';
};
};
</script>
</head>
<body>
<input type="button" id="btnDisplay" value="display"/>
<input type="button" id="btnVisibility" value="visibility"/>
头
<div id="dv">
大家好！
</div>
尾
</body>
display属性的值包括：none,block,inline等
visibility属性的值包括：hidden,visible等
当display属性的值为none时，div隐藏，不占据位置，显示结果如下：
当display属性的值为hidden时，div隐藏，占据位置，显示结果如下：
1039
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
