通過js為元素添加多項樣式,瀏覽器全兼容寫法
更新時間：2014年08月30日 16:39:00 投稿：mdxy-dxy
這篇文章主要介紹了通過js為元素添加多項樣式,瀏覽器全兼容寫法,需要的朋友可以參考下
js給元素添加多項樣式,瀏覽器全兼容示例寫法：
<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給元素添加多項樣式，最快捷方便的是使用cssText屬性，但其會重寫整個style原有的值，要保留原先的style樣式值，很簡單，可像上示例中一樣，用一個變量記錄下原先的style原始值,再做一個字符串的拼接即可。
但要注意的一點是：ie8及以下瀏覽器obj.style.cssText返回的最后一個樣式值是沒分號的，形如：font-size:25px;background:#080 。只想說，ie一如既往的讓人感覺不爽，呵呵。
所以示例中有意將oldStyle放置在字符串拼接的后面，這樣拼接的樣式字符串就算最后一個樣式值沒分號，也不會出問題，各瀏覽器樣式應用顯示就一致了，這也算是一個小技巧吧，沒啥技術含量，但易忽略或忘記，知道自己記性不好，Mark下 ^_^
相關文章
本文主要介紹了js中new一個對象的過程。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
在JavaScript中，等號由雙等號(==)表示，當且僅當兩個運算數(shù)相等時，它返回true。今天我們就來詳細探討下等號運算符的問題，并附上等號運算符和全等號運算符的區(qū)別分析。2015-04-04
本篇文章主要是對JS刷新當前頁面的幾種方法進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JS實現(xiàn)的input選擇圖片本地預覽功能,涉及javascript針對頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
關于JS作用域問題，是面試的時候面試官樂此不疲的面試題，有時候確實是令人抓狂，下面這篇文章主要給大家分享了關于javascript作用域的一些常見面試題，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
微信小程序?qū)崿F(xiàn)紅包功能（后端PHP實現(xiàn)邏輯）
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)紅包功能，以及后端PHP實現(xiàn)邏輯，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
apply和call方法定義及apply和call方法的區(qū)別
apply和call功能一樣，只是傳入的參數(shù)列表形式不同，本文給大家介紹apply和call方法定義及apply和call方法的區(qū)別，感興趣的朋友一起學習吧2015-11-11
JSON是一種輕量級（Light-Meight)、基于文本的(Text-Based)、可讀的(Human-Readable)格式，這篇文章主要介紹了JSON 基本使用教程,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了微信小程序swiper組件用法,結(jié)合實例形式分析了微信小程序中swiper組件的功能、使用方法,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)
在用javaScript編程的過程中，我們經(jīng)常會遇到這樣一個問題，就是需要檢測一個數(shù)據(jù)或變量的類型，本篇文章主要介紹了在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)，有興趣的可以了解一下。2017-03-03