原生js動態新增樣式表

2021-08-19 16:55:48 字數 462 閱讀 3938

原生js給html動態新增樣式表:

1.建立標籤新增一張內建樣式表

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

style1.innerhtml = 'body#top:hover';

2.另一種是新增外部樣式表,即在文件中新增乙個link節點,然後將href屬性指向外部樣式表的url

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

link1.setattribute('rel', 'stylesheet');

link1.setattribute('type', 'text/css');

link1.setattribute('href', 'reset-min.css');

動態新增樣式表規則第3版

可以點以下鏈結看原先的實現與討論。本版本主要修bug與通過快取一些物件提高效率 動態新增樣式表規則 再談動態新增樣式規則 by 司徒正美 function win,dom var reg media screen all i,reg opacity opacity s d?d g if self.s...

動態設定CSS樣式表

page language c import namespace system.data script language c runat server public void page load object obj,eventargs e script html head title c titl...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...