js为什么不能将css属性赋值给变量
1个回答
展开全部
这个是可以实现的额,js通过修改浏览器的DOM对象是可以修改css样式的值的。
代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>变色</title>
<style type="text/css">
#div1{width: 200px; height: 200px; background: #ccc;}
</style>
<script type="text/javascript">
function chan(){
var change=document.getElementById('div1');
change.style.width="100px";
change.style.height="50px";
change.style.background="#000000";
}
</script>
</head>
<body>
<div id="div1"></div>
<input type="button" value="改变" onclick="chan()">
通过更改css的属性实现了颜色和宽高的改变。
代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>变色</title>
<style type="text/css">
#div1{width: 200px; height: 200px; background: #ccc;}
</style>
<script type="text/javascript">
function chan(){
var change=document.getElementById('div1');
change.style.width="100px";
change.style.height="50px";
change.style.background="#000000";
}
</script>
</head>
<body>
<div id="div1"></div>
<input type="button" value="改变" onclick="chan()">
通过更改css的属性实现了颜色和宽高的改变。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询