使用className之修改样式

最新推荐文章于 2022-10-15 00:27:09 发布

DT?13?FM

最新推荐文章于 2022-10-15 00:27:09 发布

阅读量168

点赞数

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

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用className之修改样式</title>
    <style>
		div{
			width:200px;
			height:200px;
			background-color:pink;
		}
		.change{
			
			width:50px;
			height:50px;
			background-color:purple;
		}
	</style>
	</head>
	<body>
		<div  class="first"></div>
		<script>
			var div=document.querySelector("div");
			div.onclick=function(){
				//不会保留原先的类
				this.className="change";
				//想保留 就用多类名选择器
				//this.className="first change";
			}
			
		</script>
	
	</body>
</html>