js学习笔记（四）

最新推荐文章于 2018-08-30 10:13:46 发布

双之城

最新推荐文章于 2018-08-30 10:13:46 发布

阅读量279

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/u011026037/article/details/51033791

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

选项卡

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>选项卡</title>
<style>
	#div1{
		width: 200px;
		height: 200px;
		background: red;
	}
</style>
<script>
	function toGreen(){
		var oDiv = document.getElementById('div1');
        oDiv.style.background = 'green';
	}
	function toYellow(){
		var oDiv = document.getElementById('div1');
		oDiv.style.background = 'yellow';
	}
	function toBlack(){
		var oDiv = document.getElementById('div1');
		oDiv.style.background = 'black';
	}
</script>
</head>
<body>
<input type="button" value="变绿" οnclick="toGreen()" />
<input type="button" value="变黄" οnclick="toYellow()" />
<input type="button" value="变黑" οnclick="toBlack()" />
<div id="div1">
	
</div>
</body>
</html>
------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>选项卡的优化之合并函数</title>
<style>
	#div1{
		width: 200px;
		height: 200px;
		background: red;
	}
</style>
<script>
	function setcolor(color){
		var oDiv = document.getElementById('div1');
        oDiv.style.background = color;
	}
</script>
</head>
<body>
<input type="button" value="变绿" οnclick="setcolor('green');" />
<input type="button" value="变黄" οnclick="setcolor('yellow');" />
<input type="button" value="变黑" οnclick="setcolor('black');" />
<div id="div1">
	
</div>
</body>
</html>

双之城

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习笔记（四）

选项卡选项卡 #div1{ width: 200px; height: 200px; background: red; } function toGreen(){ var oDiv = document.getElementById('div1'); oDiv.style.background = 'green'; } function
复制链接

扫一扫