js控制html样式.1

最新推荐文章于 2024-03-15 16:56:39 发布

贝多芬的芬

最新推荐文章于 2024-03-15 16:56:39 发布

阅读量579

点赞数

分类专栏： Web 文章标签： js

本文链接：https://blog.csdn.net/qq_39460362/article/details/89192178

版权

Web 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<html>
	<head>
		<title></title>
	</head>
	<body>
		<div id="box" style="border: 1px solid red;  height: 100px; width: 100px;">love you</div>
		<button id="btn">love</button>
		<script type="text/javascript">
			//需求 点击更换div的背景颜色
			// 1找到btn 找到box 2点击  3 改变颜色
			var oBtn = document.getElementById('btn')
			var oBox = document.getElementById('box')
			//绑定事件
			oBtn.onclick = function(){
//				alert('Hello,world!!!')
              oBox.style.backgroundColor = 'orange'
              oBox.style.borderColor = 'blue'
              oBox.style.color = 'white'
              oBox.style.fontSize = '20px'
				//更换背景颜色
			}
		</script>
	</body>
</html>

可以更改颜色以及其他就像css那样用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

贝多芬的芬

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js控制html样式.1

<html> <head> <title></title> </head> <body> <div id="box" style="border: 1px solid red; height: 100px; width: 100px;">love you</div> <but...
复制链接

扫一扫