重要なコードは次のとおりです。
<html> <head> <link rel = "styleSheet" type = "text/css" href = "basic.css"> <script> window.onload(){var sheet = document.stylesheets [0]; //スタイルルールの追加】//シート。Insertrule( '。div1{font-size:16px; color:red;}'、0); IE8以降はサポートしません//最初のパラメーターはスタイルです。2番目はスタイルの位置// sheet.addrule('。div1 '、' font-size:20px; color:orange; font-weight:bold; '、0); // IEサポート//最初のパラメーターはスタイル名、2番目のスタイルの位置はスタイルルール、3番目はスタイルの位置関数INSERTCSS(要素、CSNAME、位置){//クロスブラウザー互換性のある(SHEIT.INSERTRULE){// Sheet.InserTruleが読み取らない場合、IEは読み、機能します。 Sheet.InserTrule(Element+'{'+csName+'}'、位置); } else if(sheet.addrule){sheet.addrule(element、csname、position); }} insertcss( '。div1'、 'font-size:16px; color:orange'、0); // deleteスタイルルールを削除】//sheet.deleterule(ポジション); //削除スタイルパラメーターは位置// IE8以降は//sheet.removerule(Position)をサポートしません; //削除スタイルパラメーターは位置// IEサポート関数deletecss(position){// Cross-Browser互換if(sheet.deleterule){sheet.deleterule(position); } else if(sheet.removerule){sheet.removerule(position); } deletecss(0); }} </script> </head> <body> </body> </html>上記は、編集者が紹介した新しいJavaScriptスタイルのルール(推奨)です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!