JavaScript中的style.cssText使用教程


Posted in Javascript onNovember 06, 2014

很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。

cssText 本质是什么?

cssText 的本质就是设置 HTML 元素的 style 属性值。

cssText 怎么用?

document.getElementById("d1").style.cssText = "color:red; font-size:13px;";

看了这个示例后,相信不说,也知道 style.cssText 是什么意思了,它就是设置 HTML 元素的 style 属性。

cssText 返回值是什么?

在某些浏览器中(比如 Chrome),你给他赋什么值,它就返回什么值。在 IE 中则比较痛苦,它会格式化输出、会把属性大写、会改变属性顺序、会去掉最后一个分号,比如:

document.getElementById("d1").style.cssText = "color:red; font-size:13px;";

alert(document.getElementById("d1").style.cssText);

在 IE 中值为:FONT-SIZE: 13px; COLOR: red。

Javascript 相关文章推荐
网页设计常用的一些技巧
Dec 22 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
jQuery表单验证插件解析(推荐)
Jul 21 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
javascript实现文本框标签验证的实例代码
Oct 14 Javascript
javascript解析json格式的数据方法详解
Aug 07 Javascript
Vue3配置axios跨域实现过程解析
Nov 25 Vue.js
js获取图片的base64编码并压缩
Dec 05 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 #Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 #Javascript
javascript解析json实例详解
Nov 05 #Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 #Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 #Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 #Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
Nov 04 #Javascript
You might like
PHP网站提速三大“软”招
2006/10/09 PHP
也谈截取首页新闻 - 范例
2006/10/09 PHP
[原创]PHP中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
Vue.js每天必学之表单控件绑定
2016/09/05 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
JavaScript实现简单评论功能
2017/08/17 Javascript
使用JQ完成表格隔行换色的简单实例
2017/08/25 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
python之super的使用小结
2018/08/13 Python
Python中修改字符串的四种方法
2018/11/02 Python
python3实现字符串操作的实例代码
2019/04/16 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
python中sort sorted reverse reversed函数的区别说明
2020/05/11 Python
golang/python实现归并排序实例代码
2020/08/30 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
初级党校心得体会
2014/09/11 职场文书
2015大学生求职信范文
2015/03/20 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
作弊检讨书范文
2015/05/06 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
《纸船和风筝》教学反思
2016/02/18 职场文书
MySQL Server 层四个日志
2022/03/31 MySQL
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android