国产探花免费观看_亚洲丰满少妇自慰呻吟_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下 ^_^

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 英山县| 永胜县| 景德镇市| 麻城市| 财经| 麻江县| 宁明县| 渑池县| 梓潼县| 木兰县| 泰顺县| 葵青区| 平阳县| 廊坊市| 伊金霍洛旗| 湖州市| 南汇区| 浮梁县| 华安县| 瑞昌市| 鄂尔多斯市| 曲沃县| 信宜市| 奉新县| 镇康县| 花莲县| 长岛县| 三穗县| 玉屏| 拜泉县| 宝清县| 交口县| 白沙| 昭通市| 宜城市| 富宁县| 萝北县| 瑞昌市| 新蔡县| 仙桃市| 高台县|