正在为你努力加载中........

点滴记录 分享
12
2013-1
首页 >> javascript >> js 控制元素的显示和隐藏

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>


作者:一根烟的寂寞 分类:javascript
浏览:3088 评论:0

发表评论: