JavaScript中的style.cssText使用教程

更新時間：2014年11月06日 15:33:36 投稿：junjie

這篇文章主要介紹了JavaScript中的cssText是什么,style.cssText使用教程,cssText返回值是什么,需要的朋友可以參考下

很多人用過 style.color、style.display 等直接設(shè)置元素的樣式屬性，但是 style.cssText 用過的人就不多了。

cssText 本質(zhì)是什么？

cssText 的本質(zhì)就是設(shè)置 HTML 元素的 style 屬性值。

cssText 怎么用？

復(fù)制代碼代碼如下:

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

看了這個示例后，相信不說，也知道 style.cssText 是什么意思了，它就是設(shè)置 HTML 元素的 style 屬性。

cssText 返回值是什么？

在某些瀏覽器中（比如 Chrome），你給他賦什么值，它就返回什么值。在 IE 中則比較痛苦，它會格式化輸出、會把屬性大寫、會改變屬性順序、會去掉最后一個分號，比如：

復(fù)制代碼代碼如下:

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

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

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

您可能感興趣的文章:

相關(guān)文章

JavaScript實現(xiàn)類似淘寶的購物車效果
這篇文章主要介紹了JavaScript實現(xiàn)購物車特效的相關(guān)資料，文中通過示例代碼詳細(xì)介紹了，利用Javascript如何實現(xiàn)類似淘寶購物車中商品的單選、全選、刪除、修改等功能，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-03-03
layui實現(xiàn)數(shù)據(jù)表格table分頁功能(ajax異步)
這篇文章主要為大家詳細(xì)介紹了layui實現(xiàn)數(shù)據(jù)表格table分頁功能、異步加載，表格渲染，含條件查詢，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
微信小程序頁面上下滾動效果
這篇文章主要為大家詳細(xì)介紹了微信小程序頁面上下滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
利用10行js代碼實現(xiàn)上下滾動公告效果
這篇文章主要給大家介紹了關(guān)于利用10行js代碼實現(xiàn)滾動公告效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起看看吧。
2017-12-12
JS實現(xiàn)點擊事件統(tǒng)計的簡單實例
下面小編就為大家?guī)硪黄狫S實現(xiàn)點擊事件統(tǒng)計的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
javascript讀取本地文件和目錄方法詳解
這篇文章主要介紹了javascript讀取本地文件和目錄方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
newxtree.js代碼
newxtree.js代碼...
2007-03-03
【經(jīng)驗總結(jié)】編寫JavaScript代碼時應(yīng)遵循的14條規(guī)律
這篇文章主要介紹了編寫JavaScript代碼時應(yīng)遵循的14條規(guī)律,涉及javascript變量的定義,函數(shù)、表單、json的使用,邏輯運算與頁面元素操作技巧等,非常具有實用價值,需要的朋友可以參考下
2016-06-06
TypeScript聲明文件的語法與場景詳解
使用ts進(jìn)行開發(fā)的時候,不可避免的需要引用第三方的 JS 的庫,但是默認(rèn)情況下TS是不認(rèn)識我們引入的這些JS庫的,所以在使用這些JS庫的時候,我們就要通過聲明文件告訴TS它是什么,這篇文章主要給大家介紹了關(guān)于TypeScript聲明文件的相關(guān)資料,需要的朋友可以參考下
2022-05-05
js根據(jù)需要計算數(shù)組中重復(fù)出現(xiàn)某個元素的個數(shù)
今天小編就為大家分享一篇關(guān)于js根據(jù)需要計算數(shù)組中重復(fù)出現(xiàn)某個元素的個數(shù)，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-01-01