Javascript cssRules - とみぞーノート

1. 概要 Javascriptからスタイルシート内のルールを変更する処理のまとめ。スタイルシートそのものを変更したい場合は「Javascript 動的なCSSの適用」を参照。 2. スタイルシート関連のオブジェクト Javascriptからスタイルシートのルールを操る際に関係するオブジェクトを図1にまとめる。FireFoxとIEで若干扱いが異なるので注意が必要。 2.1 stylesheet オブジェクト まずドキュメント内のスタイルシートを扱うstylesheetオブジェクトがある。stylesheetオブジェクトはドキュメントが読み込んでいるCSSファイルや<style>タグで指定したCSS毎に存在する。 ドキュメント内のstylesheetオブジェクトは全てdocument.styleSheetsに格納されており、document.styleSheets[0]のようにして参照できる

[shuuuuuny]

object

[ginpei]

要素個別ではなく、<link>や<style>でのスタイル指定をスクリプトから操作する方法。例によってIEだけちょっとずつ違う。

[miruto824]

stylesheet addRules insertRules とか。noscript対応に使ってみた

[gayou]

jsでCSSを操作

[k_yon]

styleタグ動的追加

[rin1024]

document.styleSheets

[nilab]

Javascript cssRules - とみぞーノート : document.styleSheets:stylesheet.cssRules(Firefox)やstylesheet.rules(IE)にCSSRuleオブジェクト

[owaranai_dobby]

直接スタイルシートをいじるには