JavaScript新增樣式規(guī)則(推薦)
關(guān)鍵代碼如下所示:
<html> <head> <link rel="stylesheet" type="text/css" href="basic.css"> <script> window.onload=function(){ var sheet=document.styleSheets[0]; //【新增樣式規(guī)則】 // sheet.insertRule('.div1{font-size:16px;color:red;}',0); IE8及以上不支持 //第一個(gè)參數(shù)是樣式,第二個(gè)是樣式的位置 // sheet.addRule('.div1','font-size:20px;color:orange;font-weight:bold;',0); //IE都支持 //第一個(gè)參數(shù)是樣式名,第二個(gè)樣式位置是樣式規(guī)則,第三個(gè)是樣式位置 function insertCss(element,csName,position){ //跨瀏覽器兼容 if(sheet.insertRule){ // sheet.insertRule 非IE的時(shí)候會(huì)讀取到一個(gè)函數(shù),IE8即以上的時(shí)候會(huì)讀取到undefined sheet.insertRule(element+'{'+csName+'}',position); }else if(sheet.addRule){ sheet.addRule(element,csName,position); } } insertCss('.div1','font-size:16px;color:orange',0); //【刪除樣式規(guī)則】 //sheet.deleteRule(position) ; //刪除樣式 參數(shù)為位置 //IE8及以上不支持 //sheet.removeRule(position) ; //刪除樣式 參數(shù)為位置 //IE支持 function deleteCss(position){ //跨瀏覽器兼容 if(sheet.deleteRule){ sheet.deleteRule(position); }else if(sheet.removeRule){ sheet.removeRule(position); } deleteCss(0); } } </script> </head> <body></body> </html>
以上所述是小編給大家介紹的JavaScript新增樣式規(guī)則(推薦),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JavaScript動(dòng)態(tài)添加css樣式和script標(biāo)簽
- JavaScript操作class和style樣式代碼詳解
- JS獲取CSS樣式(style/getComputedStyle/currentStyle)
- JavaScript動(dòng)態(tài)設(shè)置div的樣式的方法
- JavaScript操作HTML元素和樣式的方法詳解
- 基于JS實(shí)現(xiàn)簡單的樣式切換效果代碼
- javascript 動(dòng)態(tài)修改css樣式方法匯總(四種方法)
- js獲取內(nèi)聯(lián)樣式的方法
- js獲取元素外鏈樣式的方法
- js實(shí)現(xiàn)class樣式的修改、添加及刪除的方法
- JavaScript中獲取樣式的原生方法小結(jié)
相關(guān)文章
javascript網(wǎng)頁關(guān)閉時(shí)提醒效果腳本
當(dāng)頁面載入和關(guān)閉時(shí)會(huì)出現(xiàn)一些提示信息的代碼。方便提醒用戶,但不建議多用,讓人感到反感。2008-10-10PNGHandler-借助JS讓PNG圖在IE下實(shí)現(xiàn)透明(包括背景圖)
PNGHandler-借助JS讓PNG圖在IE下實(shí)現(xiàn)透明(包括背景圖)...2007-08-08css 二級(jí)菜單 實(shí)現(xiàn)代碼集合 修正版
最近的網(wǎng)站要求使用二級(jí)菜單,本著“能用別人的就用別人的,不能用別人的就用自己的”的原則,在網(wǎng)上找到一個(gè)經(jīng)典的使用CSS制作的二級(jí)菜單,感覺不錯(cuò),先記錄下來,以備它用。2009-06-06js 時(shí)間函數(shù)應(yīng)用加、減、比較、格式轉(zhuǎn)換的示例代碼
時(shí)間函數(shù)應(yīng)用加、減、比較、格式轉(zhuǎn)換等等,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08