JavaScript中的style.cssText使用教程
更新時(shí)間：2014年11月06日 15:33:36 投稿：junjie
這篇文章主要介紹了JavaScript中的cssText是什么,style.cssText使用教程,cssText返回值是什么,需要的朋友可以參考下
很多人用過(guò) style.color、style.display 等直接設(shè)置元素的樣式屬性，但是 style.cssText 用過(guò)的人就不多了。
cssText 本質(zhì)是什么？
cssText 的本質(zhì)就是設(shè)置 HTML 元素的 style 屬性值。
cssText 怎么用？
復(fù)制代碼 代碼如下:
document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
看了這個(gè)示例后，相信不說(shuō)，也知道 style.cssText 是什么意思了，它就是設(shè)置 HTML 元素的 style 屬性。
cssText 返回值是什么？
在某些瀏覽器中（比如 Chrome），你給他賦什么值，它就返回什么值。在 IE 中則比較痛苦，它會(huì)格式化輸出、會(huì)把屬性大寫、會(huì)改變屬性順序、會(huì)去掉最后一個(gè)分號(hào)，比如：
復(fù)制代碼 代碼如下:
document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
alert(document.getElementById("d1").style.cssText);
在 IE 中值為：FONT-SIZE: 13px; COLOR: red。
您可能感興趣的文章:
- JavaScript Break 和 Continue區(qū)別教程
- 無(wú)廢話JavaScript教程(全集)
- JavaScript入門教程(1) 什么是JS
- JavaScript 核心參考教程 內(nèi)置對(duì)象
- Aptana調(diào)試javascript圖解教程
- Javascript WebSocket使用實(shí)例介紹（簡(jiǎn)明入門教程）
- javascript教程:關(guān)于if簡(jiǎn)寫語(yǔ)句優(yōu)化的方法
- JavaScript基礎(chǔ)教程之a(chǎn)lert彈出提示框?qū)嵗?/a>
- JavaScript插件化開發(fā)教程 （一）
- JavaScript插件化開發(fā)教程 （二）
- Eclipse配置Javascript開發(fā)環(huán)境圖文教程
- javascript入門教程基礎(chǔ)篇
相關(guān)文章
JavaScript實(shí)現(xiàn)類似淘寶的購(gòu)物車效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)購(gòu)物車特效的相關(guān)資料，文中通過(guò)示例代碼詳細(xì)介紹了，利用Javascript如何實(shí)現(xiàn)類似淘寶購(gòu)物車中商品的單選、全選、刪除、修改等功能，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-03-03
layui實(shí)現(xiàn)數(shù)據(jù)表格table分頁(yè)功能(ajax異步)
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)數(shù)據(jù)表格table分頁(yè)功能、異步加載，表格渲染，含條件查詢，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序頁(yè)面上下滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
利用10行js代碼實(shí)現(xiàn)上下滾動(dòng)公告效果
這篇文章主要給大家介紹了關(guān)于利用10行js代碼實(shí)現(xiàn)滾動(dòng)公告效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起看看吧。2017-12-12
JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要介紹了javascript讀取本地文件和目錄方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
newxtree.js代碼...2007-03-03
【經(jīng)驗(yàn)總結(jié)】編寫JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律
這篇文章主要介紹了編寫JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律,涉及javascript變量的定義,函數(shù)、表單、json的使用,邏輯運(yùn)算與頁(yè)面元素操作技巧等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2016-06-06
TypeScript聲明文件的語(yǔ)法與場(chǎng)景詳解
使用ts進(jìn)行開發(fā)的時(shí)候,不可避免的需要引用第三方的 JS 的庫(kù),但是默認(rèn)情況下TS是不認(rèn)識(shí)我們引入的這些JS庫(kù)的,所以在使用這些JS庫(kù)的時(shí)候,我們就要通過(guò)聲明文件告訴TS它是什么,這篇文章主要給大家介紹了關(guān)于TypeScript聲明文件的相關(guān)資料,需要的朋友可以參考下2022-05-05
js根據(jù)需要計(jì)算數(shù)組中重復(fù)出現(xiàn)某個(gè)元素的個(gè)數(shù)
今天小編就為大家分享一篇關(guān)于js根據(jù)需要計(jì)算數(shù)組中重復(fù)出現(xiàn)某個(gè)元素的個(gè)數(shù)，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01