当前位置: 首页 > 编程笔记 >

JavaScript中的style.cssText使用教程

王亮
2023-03-14
本文向大家介绍JavaScript中的style.cssText使用教程,包括了JavaScript中的style.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中pop()方法的使用教程,包括了JavaScript中pop()方法的使用教程的使用技巧和注意事项,需要的朋友参考一下  JavaScript数组pop()方法删除数组中的最后一个元素,并返回该元素。 语法 下面是参数的详细信息:     NA 返回值: 返回从数组中删除的元素。 例子: 这将产生以下结果:

  • 本文向大家介绍JavaScript中Date.toSource()方法的使用教程,包括了JavaScript中Date.toSource()方法的使用教程的使用技巧和注意事项,需要的朋友参考一下  此方法返回表示对象的源代码的字符串。 注:此方法可能不会在类IE的所有浏览器上正常工作。 语法 下面是参数的详细信息:     NA 返回值:     对于内置日期对象,toSource返回字符串str

  • 本文向大家介绍JavaScript中Function()函数的使用教程,包括了JavaScript中Function()函数的使用教程的使用技巧和注意事项,需要的朋友参考一下  function语句不是定义一个新的函数,并且可以定义你的函数动态使用Function()构造使用操作符的唯一途径。 注:这是面向对象编程的术语。第一次可能会感觉不太习惯,这里是没有问题的。 语法 下面是使用new运算符创

  • 本文向大家介绍JavaScript函数使用的基本教程,包括了JavaScript函数使用的基本教程的使用技巧和注意事项,需要的朋友参考一下  函数是一组可重用的代码,可以在程序的任何地方被调用。这消除了一次又一次地写入相同的代码的需要。这将帮助程序员编写模块化代码。您可以在一些小且易于管理的功能划分大程序。 像任何其他高级编程语言,JavaScript支持所有必要写模块化的代码使用函数的特点。 一

  • 本文向大家介绍node.js中cluster的使用教程,包括了node.js中cluster的使用教程的使用技巧和注意事项,需要的朋友参考一下 本文主要给大家介绍了关于node.js中cluster使用的相关教程,分享出来供大家参考学习,下面来看看详细的介绍: 一、使用NODE中cluster利用多核CPU 二、通过消息传递来监控工作进程状态 三、杀死僵尸进程 总结 以上就是这篇文章的全部内容了,

  • 本文向大家介绍vue 中swiper的使用教程,包括了vue 中swiper的使用教程的使用技巧和注意事项,需要的朋友参考一下 Install 在vue cli下的使用 npm install vue-awesome-swiper --save 在main.js中 在component.vue中 参考:https://github.com/surmon-china/vue-awesome-swip