您的位置:首页 > Web前端 > CSS

cssText实现js添加样式

2016-11-16 14:18 267 查看
首先说说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;



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript html cssText