JavaScript中的style.cssText使用教程

 更新时间:2014年11月06日 15:33:36   投稿:junjie  
这篇文章主要介绍了JavaScript中的cssText是什么,style.cssText使用教程,cssText返回值是什么,需要的朋友可以参考下

很多人用过 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的变量声明提升问题浅析(Hoisting)

    JavaScript的变量声明提升问题浅析(Hoisting)

    大家应该都只奥javascript的变量声明具有hoisting机制,JavaScript引擎在执行的时候,会把所有变量的声明都提升到当前作用域的最前面。网上关于JavaScript的变量声明提升问题的文章有很多,这篇文章将再次谈谈关于这方面的问题,有需要的朋友们可以参考借鉴。
    2016-11-11
  • BootStrap实现手机端轮播图左右滑动事件

    BootStrap实现手机端轮播图左右滑动事件

    用bootstrap做出的项目轮播图在手机端不能滑动,为此找了好多插件、框架。但是都不能和bootstrap良好的结合。经过一番折腾终于找到了解决方法,下面小编通过本文给大家简单介绍下
    2016-10-10
  • 理解JavaScript设计模式中的建造者模式

    理解JavaScript设计模式中的建造者模式

    这篇文章主要介绍了理解JavaScript设计模式中的建造者模式,文章基于JavaScript的相关资料展开箱子内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-04-04
  • JavaScript设计模式之代理模式介绍

    JavaScript设计模式之代理模式介绍

    这篇文章主要介绍了JavaScript设计模式之代理模式介绍,代理模式顾名思义就是用一个类来代替另一个类来执行方法功能,需要的朋友可以参考下
    2014-12-12
  • JavaScript 中实现 use strict的方法及优势

    JavaScript 中实现 use strict的方法及优势

    本教程将讨论JavaScript中的use strict特性,在这里,我们将通过不同的示例了解如何在JavaScript代码语句中创建和执行use strict关键字,需要的朋友可以参考下
    2023-09-09
  • 微信小程序网络请求封装示例

    微信小程序网络请求封装示例

    这篇文章主要介绍了微信小程序网络请求封装示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • js实现数据导出为EXCEL(支持大量数据导出)

    js实现数据导出为EXCEL(支持大量数据导出)

    这篇文章主要为大家详细介绍了js实现数据导出为EXCEL,支持大量数据导出,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JavaScript 布尔操作符解析  && || !

    JavaScript 布尔操作符解析 && || !

    在一门编程语言中,布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力,那么诸如if...else和循环之类的语句就不会有用武之地了。布尔操作符一共有3个: 非、与、或
    2012-08-08
  • “不能执行已释放的Script代码”错误的原因及解决办法

    “不能执行已释放的Script代码”错误的原因及解决办法

    “不能执行已释放的Script代码”错误的原因及解决办法...
    2007-09-09
  • JavaScript中数组去重常用的五种方法详解

    JavaScript中数组去重常用的五种方法详解

    去重是开发中经常会碰到的一个热点问题,这篇文章主要介绍了JS中实现数组去重中常用的5个方法,文中的示例代码讲解详细,感兴趣的可以了解一下
    2022-06-06

最新评论