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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 14:13:32
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金山区| 温宿县| 镇赉县| 鄄城县| 开封市| 三门县| 西昌市| 南宫市| 莱州市| 曲松县| 卓尼县| 扎兰屯市| 怀柔区| 高雄县| 江川县| 大英县| 沙洋县| 灯塔市| 顺平县| 白朗县| 固安县| 连城县| 阿拉尔市| 柘城县| 万全县| 肃南| 上饶县| 阿尔山市| 宜黄县| 大同县| 翼城县| 腾冲县| 宕昌县| 固阳县| 金门县| 龙泉市| 古蔺县| 五原县| 黄冈市| 高密市| 麻阳|