js改变css样式的三种方法
2017-03-07 13:09
387 查看
共用代码:
<div id="div">这是一个盒子</div>
var div = document.getElementById("div");
第一种:用cssText
div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';
第二种:用setProperty()
div.style.setProperty('width','700px'); div.style.setProperty('height','300px'); div.style.setProperty('line-height','300px'); div.style.setProperty('background','#f00'); div.style.setProperty('color','#fff'); div.style.setProperty('border','1px solid blue'); div.style.setProperty('text-align','center');
第三种:使用css属性对应的style属性
div.style.width = "800px"; div.style.height = "250px"; div.style.lineHeight = "250px"; div.style.background = "#000"; div.style.color = "#fff"; div.style.border = "1px solid #111"; div.style.textAlign = "center";
<body> <div id="div">这是一个盒子</div> <script type="text/javascript"> var div = document.getElementById("div"); //第一种:用cssText div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;'; //第二种:用setProperty() div.style.setProperty('width','700px'); div.style.setProperty('height','300px'); div.style.setProperty('line-height','300px'); div.style.setProperty('background','#f00'); div.style.setProperty('color','#fff'); div.style.setProperty('border','1px solid blue'); div.style.setProperty('text-align','center'); //第三种:使用css属性对应的style属性 div.style.width = "800px"; div.style.height = "250px"; div.style.lineHeight = "250px"; div.style.background = "#000"; div.style.color = "#fff"; div.style.border = "1px solid #111"; div.style.textAlign = "center"; </script> </body>
相关文章推荐
- js改变css样式的三种方法
- js改变css样式的三种方法推荐
- js改变css样式的三种方法
- js改变css样式的三种方法
- 关于js修改三种css样式的方法
- JS中改变css样式的方法JavaScript
- 改变javascript函数内部this指针指向的三种方法
- js里面的三种注释方法
- [转载]用JS改变CSS样式
- JS控制CSS样式的方法
- 用JS改变的元素CSS样式
- 改变 javascript 函数 内部 this 指针 指向 的三种方法
- JS利用prototype改变元素实例的方法的变量作用域
- JS判断数组中是否有重复值的三种方法
- 添加css样式的三种方法
- IE6 下JS改变IMG标签SRC不显示的问题[终级方法]
- 解决IE6下PNG图片背景不透明的三种方法(CSS/JS/JQuery)
- JS控制CSS样式的方法
- 使用response.write造成css样式改变的解决方法
- js去空格的三种方法