<a href="javascript:;" id="test" style="font-size:25px;background:#080;">測(cè)試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屬性，但其會(huì)重寫(xiě)整個(gè)style原有的值，要保留原先的style樣式值，很簡(jiǎn)單，可像上示例中一樣，用一個(gè)變量記錄下原先的style原始值,再做一個(gè)字符串的拼接即可。

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

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

您可能感興趣的文章:

相關(guān)文章

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