js給元素添加多項(xiàng)樣式,瀏覽器全兼容示例寫法：

<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ì)重寫整個(gè)style原有的值，要保留原先的style樣式值，很簡(jiǎn)單，可像上示例中一樣，用一個(gè)變量記錄下原先的style原始值,再做一個(gè)字符串的拼接即可。

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

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