動態加入Style標籤報執行時異常，為什麼？

2021-08-30 06:04:19 字數 2029 閱讀 9321

var headid = document.getelementsbytagname("head")[0];


var cssnode = document.createelement('style');


cssnode.type = "text/css";


cssnode.id = "iaddcss";


cssnode.innertext = ".x-form-file-wrap \n";
最後乙個句報錯，不知道為什麼，

但可加入css檔案，**如下：

var headid = document.getelementsbytagname("head")[0];


var cssnode = document.createelement('link');


cssnode.type = 'text/css';


cssnode.rel = 'stylesheet';


cssnode.href = '';


在網上搜了一下,看到別人是樣寫的,試了一下可以的,貼出**來


(ie7測試可以,ff3下不行,報錯document.createstylesheet is not a function ):


var cssnode = document.createstylesheet();


cssnode.addrule(".x-form-file-wrap", "position: relative; height: 22px;");
網上還有這樣寫說是完美解決,呵呵,但本人測試ie6,ff3下可以,ie7下不行,沒有效果,但也不報錯

function blue()else";  


} }
總結一下(ie下通用)：

使用外部css檔案,

var headid = document.getelementsbytagname("head")[0];


var cssnode = document.createelement('link');


cssnode.type = 'text/css';


cssnode.rel = 'stylesheet';


cssnode.href = './metadata/tagruler/css/fileuploadfield.css';


不用css檔案，直接這樣寫


//var sheet = document.createstylesheet(); //這樣寫也可以


var sheet = document.stylesheets[0]; 


sheet.addrule(".x-form-file-wrap", "position: relative; height: 22px;", 0);


sheet.addrule(".x-form-file-wrap .x-form-file", "position: absolute; right: 0; "


+ "-moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; height: 22px;", 1);


sheet.addrule(".x-form-file-wrap .x-form-file-btn", "position: absolute; right: 0;z-index: 1;", 2);


sheet.addrule(".x-form-file-wrap .x-form-file-text", "position: absolute; left: 0; z-index: 3; color: #777;", 3);
20091106補充:

ext動態引用css檔案:

//插入css樣式;


ext.util.css.swapstylesheet("datetimefield", "datetime.css");
上面這句相當於:

檢視sqapstylesheet是這宣告的:

swapstylesheet : function(id, url),

IOS runtime動態執行時一

對執行時不太了解,今天小夥伴橄欖油陳高給發了個鏈結 看了一部分先存著以後慢慢品 今天一句一句的讀了下 慢慢有了點感覺,把主要的截圖貼在這以後好多看幾遍 typedef struct objc class class struct objc class class isa 指向metaclass，也就...

IOS runtime動態執行時一

對執行時不太了解,今天小夥伴橄欖油陳高給發了個鏈結 看了一部分先存著以後慢慢品 今天一句一句的讀了下 慢慢有了點感覺,把主要的截圖貼在這以後好多看幾遍 typedef struct objc class class struct objc class class isa 指向metaclass，也就...

OC執行時動態建立類

it168技術 在前文 深入淺出cocoa之類與物件 一文中，我已經詳細介紹了objc中的 class 與 object 的概念，今天我們來如何在執行時動態建立類。下面這個函式就是應用前面講到的class，metaclass的概念，在執行時動態建立乙個類。這個函式來自 inside mac os x...