Board logo

標題: 動態建立style元素？ [打印本頁]
作者: JS領事    時間: 2009-11-21 14:53     標題: 動態建立style元素？

例︰原本有div，class="red"
但<style>中並沒有定義red類
可以動態建立嗎？
作者: wmh    時間: 2009-11-22 01:19

應該沒問題喔，可參考 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);
作者: JS領事    時間: 2009-11-24 21:00

成功了
有空再把文章看完

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

[ 本帖最後由 JS領事 於 2009-11-24 21:01 編輯 ]
作者: wmh    時間: 2009-11-24 21:44

嗯，<style> 標籤用 createElement 再 insert 即可。



歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)