首先说说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;