js 控制元素的显示和隐藏 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/ecmascript">
function display(id) {
	var obj = document.getElementById(id);
	if(obj.style.visibility) {
		obj.style.visibility = obj.style.visibility == 'visible' ? 'hidden' : 'visible';
	} else {
		obj.style.display = obj.style.display == '' ? 'none' : '';
	}
}

</script>
</head>

<body>
<a href="javascript:::" onclick="display('hide_show')">点击进行测试隐藏和现实哈</a> 
<div id="hide_show">
控制我的显示和隐藏哈
</div>
</body>
</html>

posted on 2013-01-12 00:02  一根烟的寂寞  阅读(185)  评论(0)    收藏  举报

导航