js操作元素之修改样式

最新推荐文章于 2021-07-31 22:02:49 发布

DT?13?FM

最新推荐文章于 2021-07-31 22:02:49 发布

阅读量88

点赞数

文章标签： JavaScript DOM操作事件处理样式修改点击事件

本文链接：https://blog.csdn.net/qq_45902653/article/details/118468734

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>操作元素之修改样式</title>
    <style>
		div{
			width:200px;
			height:200px;
			background-color:pink;
		}
	</style>
	</head>
	<body>
		<div></div>
		<script>
			var div=document.querySelector("div");
			div.onclick=function(){
				this.style.backgroundColor="purple";
				this.style.width="50px";
				this.style.height="50px";
				
			}
			
		</script>
	
	</body>
</html>