控制DIV高度代码,JS代码库,德仔网

代码语言

代码分类

【JS】控制DIV高度

作者:一丁 / 发布于2015/4/21/ 473


	<!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>控制DIV高度</title>
	<style type="text/css">
	#wrap{width:200px;height:1px;overflow:hidden;border:1px solid green;}

	</style>

	</head>

	<body>
	<input type="button" value="显示" onclick="display()" />
	<div id="wrap">

	<input type="text" value="werp"/>
	</div>
	<script type="text/javascript">
	var i=0;
	function display()
	{
	 var wrap=document.getElementById("wrap");
	 if(i==0)
	 {
	 wrap.style.height=0;
	 i=1;
	 }else
	 {
	 wrap.style.height=100;
	 i=0;
	 }
	}

	</script>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　DIV高度　

同语言下

可能有用的

一丁贡献的其它代码(30)