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 相关文章推荐
javascript 尚未实现错误解决办法
Nov 27 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
myeclipse安装jQuery插件的方法
Mar 29 Javascript
javascript-简单的计算器实现步骤分解(附图)
May 30 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
JavaScript简单获取页面图片原始尺寸的方法
Jun 21 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
JS常用算法实现代码
Nov 14 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 Javascript
详解AngularJS2 Http服务
Jun 26 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
Feb 21 Javascript
JavaScript实现的拼图算法分析
Feb 13 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 zip扩展Linux下安装过程分享
2014/05/05 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
javascript 播放器 控制
2007/01/22 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
Javascript数组与字典用法分析
2014/12/13 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
nodejs前端自动化构建环境的搭建
2017/07/26 NodeJs
浅谈Vue数据绑定的原理
2018/01/08 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
JavaScript获取页面元素的常用方法详解
2019/09/28 Javascript
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python 文件操作实现代码
2009/10/07 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
关于Python解包知识点总结
2020/05/05 Python
vscode调试django项目的方法
2020/08/06 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
社区八一活动方案
2014/02/03 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
英语教学随笔感言
2014/02/20 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
绿色小区申报材料
2014/08/22 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
2015军训通讯稿大全
2015/07/18 职场文书
2016年感恩节寄语
2015/12/07 职场文书