JS——开关门

最新推荐文章于 2022-06-07 22:49:58 发布

spfLinux

最新推荐文章于 2022-06-07 22:49:58 发布

阅读量896

点赞数

分类专栏： js 文章标签： JS 开关门

js 专栏收录该内容

137 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div {
			float: left;
			line-height: 50px;
		}
		#d1 {
			/* display: inline-block; */
			width: 5%;
			height: 50px;
			overflow: hidden;
			background: yellow;
			transition: all .2s linear;
		}
		#d2 {
			/* display: inline-block; */
			cursor: pointer;
		}	
	</style>
</head>
<body>
	<div id="d1"></div>
	<div id="d2"><<</div>
	<script>
		function getId(id) {
			return document.getElementById(id);
		}
		d2.onclick = function() {
			var tmp = getId("d2").innerHTML;
			console.log(tmp);
			if(tmp == "<<"){
				getId("d1").style.width = "0px";
				getId("d2").innerHTML = ">>";
			}else{
				getId("d1").style.width = "5%";
				getId("d2").innerHTML = "<<";
			}
		}
	</script>
</body>
</html>