返回列表 發帖

動態建立style元素?

例︰原本有div,class="red"
但<style>中並沒有定義red類
可以動態建立嗎?
I.WON'T.DIE

應該沒問題喔,可參考 ppk 整理的這份 W3C CSS 相容性的比較表:
http://www.quirksmode.org/dom/w3c_css.html

新增的話,IE 應該是用 addRule(),Firefox 或其他瀏覽器都支援 insertRule()
//IE
document.styleSheets[1].addRule('pre', 'font: 14px verdana');

//Firefox
var x = document.styleSheets[1];
x.insertRule('pre {font: 14px verdana}', x.cssRules.length);
To infinity and beyond!

TOP

成功了
有空再把文章看完

……不過這應該不算"建立"style元素
還要在head內先定義空白的style才行……
還是先createElement?……

[ 本帖最後由 JS領事 於 2009-11-24 21:01 編輯 ]
I.WON'T.DIE

TOP

嗯,<style> 標籤用 createElement 再 insert 即可。
To infinity and beyond!

TOP

返回列表 回復 發帖