用JavaScript動態(tài)建立或增加CSS樣式表的實現(xiàn)方法
更新時間：2016年05月20日 17:10:35 投稿：jingxian
下面小編就為大家?guī)硪黄肑avaScript動態(tài)建立或增加CSS樣式表的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1、簡單的方法，不管不顧，直接這樣就可以：
document.createStyleSheet().cssText = '標簽{color:red;' +
// 這個注釋只在當前JS中幫助理解，并不會寫入CSS中
'width:300px;height:150px}' +
'.類名{……}' +
'#ID們{……}'
;
//完活。我喜歡分號這樣寫，和指令書寫的起始位置對齊比較好一點，尤其是后面有其它語句的時候。
2、完善一點的方法，防止重復(fù)添加，可以通過添加樣式表ID并對其判斷來實現(xiàn)：
if (!document.styleSheets['要建立的樣式表ID如theforever']) { //先檢查要建立的樣式表ID是否存在，防止重復(fù)添加
var ss = document.createStyleSheet();
ss.owningElement.id = '要建立的樣式表ID如theforever';
ss.cssText = '標簽{display:inline-block;overflow:hidden;' +
// 這個注釋只在當前JS中幫助理解，并不會寫入CSS中
'text-align:left;width:300px;height:150px}' +
'.類名{……}' +
'#ID們{……}'
;
}
以上這篇用JavaScript動態(tài)建立或增加CSS樣式表的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在“按需加載”的需求中，我們經(jīng)常會判斷當腳本加載完成時，返回一個回調(diào)函數(shù)，那如何去判斷腳本的加載完成呢？2009-05-05
今天小編就為大家分享一篇layui select獲取自定義屬性方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
詳解Javascript數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則
本文主要介紹了Javascript的基本數(shù)據(jù)類型和數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則。具有很好的參考價值，需要的朋友可以看下2016-12-12
js實現(xiàn)的網(wǎng)頁顏色代碼表全集...2007-07-07
處于安全上的考慮，input[type="file"] 的文件選擇按鈕樣式并不能隨意修改(不過可以修改input 的透明度)，可能會跟設(shè)計師的設(shè)計格格不入，這時可以使用透明效果來自定義上傳按鈕2012-12-12
這篇文章主要介紹了NodeJS Express框架中處理404頁面一個方式,原理就是把404路由放在最后匹配,也就是路由中沒有定義的全部轉(zhuǎn)到404頁面,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JS實現(xiàn)的簡單拖拽功能,涉及javascript鼠標事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
easyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)
下面小編就為大家?guī)硪黄猠asyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
JavaScript實現(xiàn)in-place思想的快速排序方法
這篇文章主要介紹了JavaScript實現(xiàn)in-place思想的快速排序方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要為大家介紹了使用GPT寫代碼實現(xiàn)高亮頁面關(guān)鍵字示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04