国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

通過(guò)js為元素添加多項(xiàng)樣式,瀏覽器全兼容寫法

2024-05-06 16:08:06
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
這篇文章主要介紹了通過(guò)js為元素添加多項(xiàng)樣式,瀏覽器全兼容寫法,需要的朋友可以參考下
 
 

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


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 济阳县| 杨浦区| 秭归县| 西乌珠穆沁旗| 来安县| 惠州市| 集安市| 前郭尔| 舟曲县| 孟州市| 柯坪县| 西盟| 玉屏| 长顺县| 通江县| 广饶县| 龙口市| 渭源县| 台江县| 华亭县| 三穗县| 冕宁县| 同江市| 益阳市| 班戈县| 宕昌县| 瓮安县| 临沂市| 陆河县| 深圳市| 兴化市| 襄垣县| 商南县| 惠来县| 乐东| 长岛县| 淳安县| 光山县| 衡南县| 昭觉县| 年辖:市辖区|