对于style里的值,也可以通过DOM修改。
创建style样式和div盒子。在script里通过DOM修改其样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>操作元素样式属性</title>
<!-- 通过style来改变-->
<style>
div{
width: 200px;
height: 200px;
background-color: aqua;
}
body{
background: url(../img/1.bmp)no-repeat top center/cover;
}
</style>
</head>
<body>
<div class="box"></div>
<script>
//获取box值
const box=document.querySelector('.box')
//修改样式属性 对象.style.样式属性='值'
box.style.width='300px'//修改大小
box.style.backgroundColor='red'//把青蓝换红色
box.style.border='2px solid blue'//加蓝色边框
</script>
</body>
</html>