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引擎在執(zhí)行的時候，會把所有變量的聲明都提升到當前作用域的最前面。網上關于JavaScript的變量聲明提升問題的文章有很多，這篇文章將再次談談關于這方面的問題，有需要的朋友們可以參考借鑒。
2016-11-11
BootStrap實現手機端輪播圖左右滑動事件
用bootstrap做出的項目輪播圖在手機端不能滑動，為此找了好多插件、框架。但是都不能和bootstrap良好的結合。經過一番折騰終于找到了解決方法，下面小編通過本文給大家簡單介紹下
2016-10-10
理解JavaScript設計模式中的建造者模式
這篇文章主要介紹了理解JavaScript設計模式中的建造者模式,文章基于JavaScript的相關資料展開箱子內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-04-04
JavaScript設計模式之代理模式介紹
這篇文章主要介紹了JavaScript設計模式之代理模式介紹,代理模式顧名思義就是用一個類來代替另一個類來執(zhí)行方法功能,需要的朋友可以參考下
2014-12-12
JavaScript 中實現 use strict的方法及優(yōu)勢
本教程將討論JavaScript中的use strict特性,在這里,我們將通過不同的示例了解如何在JavaScript代碼語句中創(chuàng)建和執(zhí)行use strict關鍵字,需要的朋友可以參考下
2023-09-09
微信小程序網絡請求封裝示例
這篇文章主要介紹了微信小程序網絡請求封裝示例,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
js實現數據導出為EXCEL（支持大量數據導出）
這篇文章主要為大家詳細介紹了js實現數據導出為EXCEL，支持大量數據導出，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
JavaScript 布爾操作符解析 && || ！
在一門編程語言中，布爾操作符的重要性堪比相等操作符。如果沒有測試兩個值關系的能力，那么諸如if...else和循環(huán)之類的語句就不會有用武之地了。布爾操作符一共有3個：非、與、或
2012-08-08
“不能執(zhí)行已釋放的Script代碼”錯誤的原因及解決辦法
“不能執(zhí)行已釋放的Script代碼”錯誤的原因及解決辦法...
2007-09-09
JavaScript中數組去重常用的五種方法詳解
去重是開發(fā)中經常會碰到的一個熱點問題，這篇文章主要介紹了JS中實現數組去重中常用的5個方法，文中的示例代碼講解詳細，感興趣的可以了解一下
2022-06-06