- ベストアンサー
javascriptでのCLASS（スタイルシート）の指定
お世話になっております。 javascriptでスタイルシートのCLASSを変更したいんですがどうしたら良いでしょうか？ 背景色などは function change_class(t){ t.style.backgroundColor='#000080'; //これだとエラー //t.style.Class = 'aaa'; } （tはthisで取ってます）。 のように変更できたのですが、これだと毎回色を変更しないといけないので可能ならばCLASSを予め作っておいてそれに変更したいんです。 やったことある方がいらっしゃいましたらどうか教えてください。
- mahou
- お礼率31% (10/32)
- JavaScript
- 回答数2
- ありがとう数5
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (1)
- so_blue
- ベストアンサー率48% (50/104)
ちょっと理解が悪いかもしれませんが、 こういう感じのことなのでしょうか？ //tは色が入っているとして... document.write( "<style type=text/css>" ) ; document.write( "aaa { backgroundColor:" + t + " }" ) ; document.write( "</style>" ) ;
お礼
ご返答ありがとうございます。 スタイルシートの色の指定をJAVAscrptでするのではなく、javascriptからスタイルシートを選択したかったんです。
関連するQ&A
- mootoolsの$$('.class')について
こんにちは、 .item934クラスを持つ項目をクリックするときに.item935クラスを持つ項目の背景を透明にしたいのですが、以下のコードでは動作しないそうです。javascriptライブラリとしてmootoolsを使っています。 $$('.item934').addEvent('click', function(e){ $$('.item935').style.backgroundColor='transparent'; //問題になる行 mySlide.slideOut(); if(this.style.backgroundColor=='black'){ this.style.backgroundColor='transparent'; }else{ this.style.backgroundColor='black'; } e = new Event(e); mySlide0.toggle(); e.stop(); }); $$('.item934').addEventがちゃんと動作するのに、$$('.item935').style.backgroundColorはどうして動作しないのでしょうか？ わかる方がいらっしゃいましたら、教えていただければありがたいです。 ご回答をよろしくお願いします。
- ベストアンサー
- JavaScript
- javascriptでクリックするごとにセルの色を変えたい
javascript初心者です。 現在テーブルの作成を行っており、マウスを乗せたら色が変わるやクリックして指定の色に変えるなどは実現いたしましたが、クリックするごとに色が変わる(赤→青→赤→青・・・など)ものができません。 現在下記のように作っていますがエラーが起きてしまいます。 どのように直せばよいかご教授願います。 <script type="text/javascript"> <!-- var color1 = "#ff0000"; var color2 = "#0000ff"; function onC(obj){ if (obj.style.backgroundColor = color1){ obj.style.backgroundColor = color2; } else if (obj.style.backgroundColor = color2){ obj.style.backgroundColor = color1; } } //--> </script> <body> <table border="1" cellpadding=20> <tr> <td onClick = "onC(this)"><br> </td> </tr> </table> </body>
- ベストアンサー
- JavaScript
- JavaScript初心者です。URLの末尾に含まれる文字列を名前にもつclassのstyleを変更したいです。
JavaScript初心者です。 URLの末尾に含まれる文字列を名前にもつclassのstyleを変更したいんですが。。 URLに含まれる文字列を名前にもつidのスタイル変更については解決したのですが、同様のことclassでもやりたいと考えています。 例えばURLの末尾が /index.html?AAA&BBB となっている場合、非表示だったAAAとBBBのdivを表示するということをやりたいです。 ソースは以下になります。 前半でURLの末尾を取得して、後半でclassのスタイルを書き換えているつもりです。それぞれでは動作するんですが、あわせると動作しません。自分はかなり初心者ですので、根本的な誤りがあるかもしれませんが、ご教授よろしくお願いします。 <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>test</title> <style type="text/css"> <!-- .AAA,.BBB,.CCC { width:200px; background-color:#ccc; margin:10px; display:none; } --> </style> <script language=javascript> <!-- function changeStyle(){ var query = window.location.search.substring(1); var search = query.split("&"); for (var i = 0; i < search.length; i++) { var XXX = search[i]; } var allElement = document.getElementsByTagName('*'); for (var j = 0; j < allElement.length; j++) { if (allElement[j].className=='XXX') { allElement[j].style.display = "block"; } } } --> </script> </head> <body onload=changeStyle();> <div class="AAA">111</div> <div class="AAA">222</div> <div class="AAA">333</div> <div class="BBB">444</div> <div class="BBB">555</div> <div class="CCC">666</div> <div class="CCC">777</div> </body> </html>
- 締切済み
- JavaScript
- 指定した スタイルの class のみ処理をする
Javascript で 指定した class のみの値を変更することは可能でしょうか？ id だと一つ一つ振らなければならないですが、 class なら複数にふれますよね。 複数にclassを指定して一括処理をしたいんです。 <div class="hoge">aaaa</div> <div class="hoge">bbb</div> みたいなものがあって document.getElementById("hoge").style.display = "none"; のように、 class=hoge のみ一気に非表示にしたいんです。 説明が下手ですみませんがよろしくお願いします。
- 締切済み
- JavaScript
- Javascript <li>
下記の スクリプトだと全ての<li>タグが影響されてしまいます。特定のdivのみなどに指定する場合は、どのように記述すればよいでしょうか？ よろしくお願いします。 $(function(){ $("li").hover( function(){ this.style.backgroundColor = "#F4DFDF"; }, function(){ this.style.backgroundColor = "white"; } ); });
- ベストアンサー
- JavaScript
- class指定したHTML要素の背景色を変えるには
HTML文書中で，class指定した要素の背景色を変更するには，どのようにしたら良いのでしょうか。 例： <div id="HOGE"> <p class="hoge"> Hellow! </p> </div> id指定の要素に対しては， document.getElementById('HOGE').style.backgroundColor="red"; として成功しましたが，class="hoge"に対してはどのように指定すれば良いのかわかりません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 時間ごとにスタイルシートを変える
<HEAD> <SCRIPT LANGUAGE="JavaScript"> function geth(t){ if ( t <= 05 ) document.write ("<body link="#0000ff">"); else { if ( t <= 17 ) document.write ("<body link="#0000ff">"); else { if ( t <= 23 ) document.write ("<body link="#0000ff">"); }}} </SCRIPT> </HEAD> <SCRIPT LANGUAGE="JavaScript"> h = new Date(); geth(h.getHours()); </SCRIPT> Java Script を使うと時間ごとに異なったフォントの色を のように指定できますが、 リンクの背景色のようなスタイルシートを使わないと出来ない 部分を時間ごとに色を変える方法をお願いします。 a { background-color : ccf ; }
- 締切済み
- その他([技術者向] コンピューター)
- 時間帯によってclass名を変更したい
時間帯毎に特定のボックス内の背景色を変更したいのですが、 スタイルシートで色を設定しておいて、html内のclassの値を変更するやり方を教えて下さい。 ※スタイルシートで3種類の色を設定 .bg1 {background-color: #000000;} .bg2 {background-color: #ff0000;} .bg3 {background-color: #ffffff;} ※時間帯は3種類 朝（7～10時）＝class="bg1" 昼（10～18時） ＝class="bg2" 夜（18～翌7時）＝class="bg3" ※html内のボックスのクラス名を時間帯によって class="bg1" class="bg2" class="bg3" のように変更したい。 <div class="○○">このBOX内の色を時間帯毎に変更したい</div> 私はjavascriptの知識はなく、ヒント等から自分で書くことはできないので、 恐縮ですが具体的なソースをお願いできればありがたいです。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- PHPからjavascriptを呼び出したいの
1台のPCをサーバ＆クライアントにしています。 ただ今PHPとPostgresqlの勉強をしています。 いつも質問に答えてくれてありがとうございます。 PHPからjavascriptを呼び出したいのですが、 どのようにして書けばいいのか 分かりません。 －－－－－－－－－－－－－－－－－－－－－－－－－－－ <script type="text/javascript"> <!-- <?php ・ ・ ・ print("<tr onclick='setBGCOLOR(this)'>"); ・ ・ ・ ?> var oldRow; function setBGCOLOR(r){ if(oldRow!=null)oldRow.style.backgroundColor="#FFF";//WHITE oldRow=r; r.style.backgroundColor="#3FF";//薄いBLUE } //--> </script> このプログラムは、他の質問を参考にして テーブル上でカーソルをのせると その行の色が変化するものです －－－－－－－－－－－－－－－－－－－－－－－－－－－ これですと エラーは出ませんが データが表示されません。 ご教示して頂けたら幸いです。
- ベストアンサー
- PHP
- JavaScriptのテーブルの背景色を保存させたい
とある下記のフリーソースからJavaScriptにてテーブルの背景色を変えるのを作ったのですが、複数の人とページを共有したいので色を変更後、保存させておきたいです。 <script language="JavaScript"> function my_bgcolor(dore) { if(document.all)document.all("lay0").style.backgroundColor=dore; } function cell1(dore) { if(document.all)document.all("lay1").style.backgroundColor=dore; } //--> </script> ※テーブルに色を指定するソースは以下のものです <td id="lay0" style="position: relative; visibility: visible"> どこかへSubmitして、外部ファイルへ保存しないといけないと思うので、上の動作ができるCGIのなにかよい案、似たようなソースをご存知の方がいましたら教えてください。
- 締切済み
- CGI
お礼
ご返答ありがとうございます！ まさに、ビンゴの回答です、素晴らしいですー！ 試してみましたが、ちゃんと動作しました。 これは後々ずっと活用できる技術ですね。 面識も無い人間に、惜しげも無く教えていただき（もしかしてHTML技術者としては知ってるのがキホン！？(笑)）、嬉しく思います。 自分ももっと勉強にはげみます。 本当、ありがとうございました。