<a href="javascript:;" id="test" style="font-size:25px;background:#080;">測試3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>

js給元素添加多項(xiàng)樣式，最快捷方便的是使用cssText屬性，但其會重寫整個(gè)style原有的值，要保留原先的style樣式值，很簡單，可像上示例中一樣，用一個(gè)變量記錄下原先的style原始值,再做一個(gè)字符串的拼接即可。

但要注意的一點(diǎn)是：ie8及以下瀏覽器obj.style.cssText返回的最后一個(gè)樣式值是沒分號的，形如：font-size:25px;background:#080 。只想說，ie一如既往的讓人感覺不爽，呵呵。

所以示例中有意將oldStyle放置在字符串拼接的后面，這樣拼接的樣式字符串就算最后一個(gè)樣式值沒分號，也不會出問題，各瀏覽器樣式應(yīng)用顯示就一致了，這也算是一個(gè)小技巧吧，沒啥技術(shù)含量，但易忽略或忘記，知道自己記性不好，Mark下 ^_^

您可能感興趣的文章:

相關(guān)文章

js中new一個(gè)對象的過程
本文主要介紹了js中new一個(gè)對象的過程。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
javascript等號運(yùn)算符使用詳解
在JavaScript中，等號由雙等號(==)表示，當(dāng)且僅當(dāng)兩個(gè)運(yùn)算數(shù)相等時(shí)，它返回true。今天我們就來詳細(xì)探討下等號運(yùn)算符的問題，并附上等號運(yùn)算符和全等號運(yùn)算符的區(qū)別分析。
2015-04-04
JS刷新當(dāng)前頁面的幾種方法總結(jié)
本篇文章主要是對JS刷新當(dāng)前頁面的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JS實(shí)現(xiàn)的input選擇圖片本地預(yù)覽功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的input選擇圖片本地預(yù)覽功能,涉及javascript針對頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-08-08
關(guān)于javascript作用域的常見面試題分享
關(guān)于JS作用域問題，是面試的時(shí)候面試官樂此不疲的面試題，有時(shí)候確實(shí)是令人抓狂，下面這篇文章主要給大家分享了關(guān)于javascript作用域的一些常見面試題，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-06-06
微信小程序?qū)崿F(xiàn)紅包功能（后端PHP實(shí)現(xiàn)邏輯）
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)紅包功能，以及后端PHP實(shí)現(xiàn)邏輯，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
apply和call方法定義及apply和call方法的區(qū)別
apply和call功能一樣，只是傳入的參數(shù)列表形式不同，本文給大家介紹apply和call方法定義及apply和call方法的區(qū)別，感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
JSON 基本使用教程
JSON是一種輕量級（Light-Meight)、基于文本的(Text-Based)、可讀的(Human-Readable)格式，這篇文章主要介紹了JSON 基本使用教程,需要的朋友可以參考下
2023-02-02
微信小程序swiper組件用法實(shí)例分析【附源碼下載】
這篇文章主要介紹了微信小程序swiper組件用法,結(jié)合實(shí)例形式分析了微信小程序中swiper組件的功能、使用方法,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12
在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)
在用javaScript編程的過程中，我們經(jīng)常會遇到這樣一個(gè)問題，就是需要檢測一個(gè)數(shù)據(jù)或變量的類型，本篇文章主要介紹了在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)，有興趣的可以了解一下。
2017-03-03