cssText实现js添加样式
2016-11-16 14:18
267 查看
首先说说html添加样式的方式有哪些?
1、行内写样式,在标签中通过style写样式,如:
4、通过js修改样式,node.style.width = '300px'
以上都是常见的也是常用到的一些添加样式方法,今天在看书的时候看到了js添加样式的另外一种方法,顿时觉的这个逼格真的好高啊,这个方法就是node.style.cssText = '';
这个值可以是多个属性值,就好比jq中$('').css();可以同时添加多个样式
obj.cssText = " width:200px;position:absolute;left:100px;
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;
相关文章推荐
- js实现分页列表添加样式
- 原生js实现导航栏点击之后添加样式
- js实现class样式的修改、添加及删除的方法
- JS添加或修改控件的样式(Class)实现方法
- js实现class样式的修改、添加及删除的方法
- JS实现动态绑定单击事件给节点添加样式
- 原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)
- js实现元素添加样式
- Jquery实现的table最后一行添加样式的代码
- js操作ListBox实现多项的添加和删除
- js 设置选中行的样式的实现代码
- Jquery实现的table最后一行添加样式的代码
- 实现lightBox时的样式与行为分离减少JS第1/2页
- [网络收集]给radio类型的INPUT添加客户端脚本 --附加实现JS来禁用onClick事件思路代码
- JS 添加删除元素的实现代码
- JS实现动态表格 添加行 删除行 删除列
- js实现前台动态添加文本框,后台获取文本框内容
- JS 实现添加到收藏夹