JavaScript中的style.cssText使用教程
更新時(shí)間：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;";
看了這個(gè)示例后，相信不說，也知道 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ū)別教程
- 無廢話JavaScript教程(全集)
- JavaScript入門教程(1) 什么是JS
- JavaScript 核心參考教程 內(nèi)置對(duì)象
- Aptana調(diào)試javascript圖解教程
- Javascript WebSocket使用實(shí)例介紹（簡(jiǎn)明入門教程）
- javascript教程:關(guān)于if簡(jiǎn)寫語句優(yōu)化的方法
- JavaScript基礎(chǔ)教程之a(chǎn)lert彈出提示框?qū)嵗?/a>
- JavaScript插件化開發(fā)教程 （一）
- JavaScript插件化開發(fā)教程 （二）
- Eclipse配置Javascript開發(fā)環(huán)境圖文教程
- javascript入門教程基礎(chǔ)篇
相關(guān)文章
JavaScript的變量聲明提升問題淺析(Hoisting)
大家應(yīng)該都只奧javascript的變量聲明具有hoisting機(jī)制，JavaScript引擎在執(zhí)行的時(shí)候，會(huì)把所有變量的聲明都提升到當(dāng)前作用域的最前面。網(wǎng)上關(guān)于JavaScript的變量聲明提升問題的文章有很多，這篇文章將再次談?wù)勱P(guān)于這方面的問題，有需要的朋友們可以參考借鑒。2016-11-11
BootStrap實(shí)現(xiàn)手機(jī)端輪播圖左右滑動(dòng)事件
用bootstrap做出的項(xiàng)目輪播圖在手機(jī)端不能滑動(dòng)，為此找了好多插件、框架。但是都不能和bootstrap良好的結(jié)合。經(jīng)過一番折騰終于找到了解決方法，下面小編通過本文給大家簡(jiǎn)單介紹下2016-10-10
理解JavaScript設(shè)計(jì)模式中的建造者模式
這篇文章主要介紹了理解JavaScript設(shè)計(jì)模式中的建造者模式,文章基于JavaScript的相關(guān)資料展開箱子內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-04-04
JavaScript設(shè)計(jì)模式之代理模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之代理模式介紹,代理模式顧名思義就是用一個(gè)類來代替另一個(gè)類來執(zhí)行方法功能,需要的朋友可以參考下2014-12-12
JavaScript 中實(shí)現(xiàn) use strict的方法及優(yōu)勢(shì)
本教程將討論JavaScript中的use strict特性,在這里,我們將通過不同的示例了解如何在JavaScript代碼語句中創(chuàng)建和執(zhí)行use strict關(guān)鍵字,需要的朋友可以參考下2023-09-09
微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
js實(shí)現(xiàn)數(shù)據(jù)導(dǎo)出為EXCEL（支持大量數(shù)據(jù)導(dǎo)出）
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)據(jù)導(dǎo)出為EXCEL，支持大量數(shù)據(jù)導(dǎo)出，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
在一門編程語言中，布爾操作符的重要性堪比相等操作符。如果沒有測(cè)試兩個(gè)值關(guān)系的能力，那么諸如if...else和循環(huán)之類的語句就不會(huì)有用武之地了。布爾操作符一共有3個(gè)： 非、與、或2012-08-08
“不能執(zhí)行已釋放的Script代碼”錯(cuò)誤的原因及解決辦法
“不能執(zhí)行已釋放的Script代碼”錯(cuò)誤的原因及解決辦法...2007-09-09
去重是開發(fā)中經(jīng)常會(huì)碰到的一個(gè)熱點(diǎn)問題，這篇文章主要介紹了JS中實(shí)現(xiàn)數(shù)組去重中常用的5個(gè)方法，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-06-06