js 事件通过内部style改变背景色（一）

最新推荐文章于 2023-09-21 07:06:49 发布

蟹道人

最新推荐文章于 2023-09-21 07:06:49 发布

阅读量5.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript基础部分学习文章标签： javascript

本文链接：https://blog.youkuaiyun.com/csdt_csdt/article/details/18614697

javascript基础部分学习专栏收录该内容

51 篇文章

订阅专栏

<html>
<head>
	<script>
		/*function test1(){
			//window.alert("ok!");	
		}
		
		function test2(e){
			//window.alert("x = "+e.clientX+" y = "+e.clientY);
		}
		*/
		function test3(){
			var date = new Date();
			window.alert(date.toLocaleString());	
		}
		
		function change(eobj){
	
			var mysty = document.getElementById("mystyle");
			if(eobj.value == "blue"){
				//window.alert("OK");
				mysty.style.backgroundColor = "blue";
			}else{
				mysty.style.backgroundColor = "pink";
			}
		}
	</script>	
</head>	
	<body>
		
		<input type = "button" value="当前时间" onclick = "test3()"/>
		
		<div id = "mystyle" style = "width:400px;height:300px;background-color:pink">
			div1
		</div>
		<input type = "button" value="pink" onclick = "change(this)"/>
		<input type = "button" value="blue" onclick = "change(this)"/>
	</body>
</html>