通过修改元素的style属性来操作样式
js中的style对象提供了很多属性,对应着css的相关样式
这里的写法与css中基本相同
如果在css中有“-”的样式,把“-”去掉将单词首字母变成大写
对于某些元素拥有的属性,可能在提示中不存在,直接写就可以了
设置样式类:dvObj.className='类名称';
普通写法:dvObj.style.float='right';//float是js保留字,不推荐使用,ff不支持
dvObj.style.cssFloat='right';//标准写法,ie新版本及其它浏览器兼容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.cls{
background-color:green;
}
</style>
<script>
onload = function () {
var dv = this.document.getElementById('dv');
//dv.style.border = '1px solid yellow';
//dv.style.width = '50px';
//dv.style.height = '50px';
//dv.style.backgroundColor = 'blue';
//dv.style.color = 'white';
dv.className = 'cls';//应用类
dv.style.cssFloat = 'right';//Float是特例
};
</script>
</head>
<body>
<div id="dv" style="width:100px;height:100px;border:1px solid red; ">123</div>
</body>
</html>