点击按钮改变样式

最新推荐文章于 2024-07-19 17:13:16 发布

林剑南

最新推荐文章于 2024-07-19 17:13:16 发布

阅读量6.4k

点赞数 1

分类专栏： js案例文章标签：点击按钮改变样式

本文链接：https://blog.csdn.net/u014414110/article/details/87915890

版权

js案例专栏收录该内容

35 篇文章 0 订阅

订阅专栏

效果
在这里插入图片描述
代码

<body>
		<input type="button" id="btn" value="样式设置" />
		<div id="dv"></div>
		<script>
			function my(id){
				return document.getElementById(id);
			}
			//凡是css中这个属性是多个单词写法，在js代码中写法是后面单词首字母大写
			my("btn").onclick=function(){
				my("dv").style.width="200px";
				my("dv").style.height="100px";
				my("dv").style.backgroundColor="red";
			}
		</script>
	</body>