cssText实现js添加样式

来源:互联网 发布:wps数据有效性设置取消 编辑:程序博客网 时间:2024/06/06 18:30

首先说说html添加样式的方式有哪些?

1、行内写样式,在标签中通过style写样式,如:

<div style="width:200px;height:300px;background:red"></div>
2、写内部样式表,也就是在head标签中加入<style></style>标签,将样式写在这里边,如:
<style>div{width:300px;height:400px;background:red}</style>
3、外部引入样式,这也是最常用的一种,通过<link rel="stylesheet" href="jasmine.css">
4、通过js修改样式,node.style.width = '300px'

以上都是常见的也是常用到的一些添加样式方法,今天在看书的时候看到了js添加样式的另外一种方法,顿时觉的这个逼格真的好高啊,这个方法就是node.style.cssText = '';


这个值可以是多个属性值,就好比jq中$('').css();可以同时添加多个样式



obj.cssText += " ;width:200px;position:absolute;left:100px;"; //这样便能解决在IE中出现的问题了

obj.cssText = " width:200px;position:absolute;left:100px;

                                             
0 0
原创粉丝点击