透過js為元素添加多項樣式,瀏覽器全兼容寫法_javascript技巧

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下^_^