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]のようにして参照できる
CSS切替スクリプト - 徒委記
CSS切替スクリプト 目標/特徴 ソース 使い方 利用許諾 要望 今後の予定 既知の問題 変更履歴 経緯 利用サイト 他にスタイルシート切り替えスクリプトを提供しているところ なるべくDOM標準に沿うようにCSS切替スクリプトを書いてみる試み。 いちゆうさんのスタイルシート切り替えスクリプトを元にしています。 目標/特徴 なるべくDOM標準に沿った方法を用いています。 でもIE5以上で動作するようにしています。 付随的な特徴: application/xhtml+xmlなページにも対応しています。 Opera 7でも動作するようになりました。 MacIE 5でも動作するようになりました。 動作しないブラウザでも、スクリプトのエラーダイアログを出さないようにしています(WindowsのNN3, IE4でエラーダイアログが出ないことを確認)。 ソース 徒委記で動かしているスクリプト /* cs
暴満館 » JavaScriptでCSSを弄る際のメモ
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
