• ベストアンサー

JavaScriptを使ってCSSをプログラムする

お世話になります。 JavaScriptのプログラムを利用して、CSSを操作することは可能でしょうか? 具体的にやりたいことは、 JavaScriptの再帰関数を用いて、CSSによる配色を自動的に描きたい。 ということです。 単純なソースコードがもしありましたら参考にさせて下さい。 また、無理な場合には、ご指摘頂けると助かります。 宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • Gletscher
  • ベストアンサー率23% (1525/6504)
回答No.1

もちろんできますよ。 簡単な方法は、色を変数に入れて、 document.write(" "); でHTMLを書き出せばよいです。

-q7P2izb__
質問者

お礼

ご返事遅くなりまして申し訳ありません。 ありがとうございます!助かりました。

-q7P2izb__
質問者

補足

すみません。 タイトルがよくなかったと思います。 スタイルに対して演算機能を付けることを目的としております。 例えば、上のDIVタグ上で赤色のフォントを太字で使っていたら、 下のDIVタグ上では青のフォントを2倍の太さで表示するなどの ケースです。プログラム機能はJavaScriptしか考えていないため、 もし可能でしたら参考サイトで構いませんので、教えて頂けるでしょうか。 色々サイトを探したのですが、イベント処理が行われたら、 はじめてフォントを変更するようなスクリプトしかみつからず、 宜しくお願い致します。

その他の回答 (1)

  • q-ue
  • ベストアンサー率75% (12/16)
回答No.2

>>スタイルに対して演算機能を付けることを目的としております。 詳しい仕様がわかりませんが、内容によっては少し面倒になりそうです。 >>色々サイトを探したのですが、イベント処理が行われたら、 はじめてフォントを変更するようなスクリプトしかみつからず、 そのソースのイベント処理を、onloadイベントに変えればいいのだと思います。 ソースの内容がわからないので、具体的にどう変更するかは何とも言えません。

-q7P2izb__
質問者

お礼

ご返事遅くなりまして申し訳ありません。 どうもありがとうございました。 今度からより具体的に質問いたします。

関連するQ&A

  • CSS, Javascript読み込めない

    Windows10のノートパソコンを使用しています。各ブラウザの設定は初期設定のままです。 ローカル(PC内)でHTMLファイルにCSSファイル1つとJavascriptファイル1つを読み込ませ、Google Chrome, Microsoft Edge, Internet Explorerで開いたのですが、どのブラウザでもCSSもJavascriptも認識されていません。 ファイル名とそのパスやソースコードを確認しましたが、記述に間違いはありません。htmlファイルと同じ階層にCSSファイルとJavascriptファイルを入れています。 Google Chromeの検証機能で確認するとCSSとJavascriptのファイルが見つかりませんとなっています。 ネットで調べましたが原因は不明です。以上のことから、CSS、Javascriptが読み込めない原因として考えられることを教えて下さい。

    • ベストアンサー
    • HTML
  • CSSやJavaScriptの使用の法律問題

    jQueryやJavaScriptで画像やテキストを自動で切り替える 方法の法律的な事について、今回お聞きしたく思います。 jQueryはCSSに属したプログラミング言語だと理解しています。 またJavaScriptもプログラミング言語で、ホームページなど でCSS同様に使われていると理解しています。 この「画像を自動的に切り替える」ためのCSS(jQuery)や JavaScriptを使用を考えているのですが、どのような 手続きを得た方が良いのか、お聞きしたく今回投稿しました。 具体的には、CSS(jQuery)やJavaScriptは知的財産に該当 する分野だとは認識しています。 常識的に、勝手に承諾を得ずに使用しても良くない、また 使用料の契約問題も発生するのではないかと思っています。 CSS(jQuery)の使用については開発者に承諾を得ればよい とか、JavaScriptの使用については、承諾を得て、かつ使用 料の問題も発生すると言った具体的な事をお聞きしたく思い ます。 CSS(jQuery)やJavaScriptの使用について、深くご存じの方に お聞きしたく思います。

  • 良いプログラムを書くためには

    今回、プログラミングの上達方法に関してアドバイス頂きたく質問しました。 現在、ソフトウェア開発の仕事に就いていてCやJavaなどでプログラムを書いたりしています。主にCで書くことが多いです。与えられた課題に対して動くプログラムは作れるのですが、先輩などからプログラムが汚いとよく指摘されます。 指摘される事柄は色々ありますが、何点か挙げるとまずモジュール分割が上手く出来ていない。1000行位の動くプログラムを書き始められた頃は、共通の処理などの関数が分割されておらず、同じ処理がやたら多いなど、余計な処理が多くコードに無駄が多いと指摘されました。それを改善したところ、今度は無駄に関数の分割が多くなり、読みにくいなどの指摘を受けました。 その他にも、例えば関数の中で、for(条件式)の条件式を上手く工夫すれば、for()の中で、余計な条件分岐などが減るなどの、細かい記述に関しても指摘を受けます。 質問はプログラムを作成する上で、大きな観点からだと、どのようにすれば綺麗にモジュール化などが出来るのか、モジュール化だけではなく、ソフトウェアの設計全般に関してです。また細かいことで、いえば先ほどのfor()の様に、文法を上手く使いこなすためにはどうすればよいか。本などのサンプルコードでは、forならfor、ifならifの説明など、主に単独の説明が多いように思えます。関数の中で、各文法同士を上手く使いこなし、他人が見ても読みやすいコードなどを書きたいです。 先輩からは、他人のソースコードを見ることなどと言われますが、何か他人のソースコードを見る上でも、上で挙げた指摘を改善するための見方とか、他にも自分でプログラムを作る場合に、こういう事に注意しながら作るといいなど何か改善するアドバイスがあれば宜しくお願いします。また参考になる書籍やサイトなどもあったら教えて頂くと助かります。 長くなりましたが宜しくお願いします。

  • JAVASCRIPTでEXCEL操作

    VBAからEXCELを操作するように、JAVASCRIPTプログラム内からEXCELを操作したいと思っています。 これに関する本や、サンプルコードが有れば教えてください。 (具体的には) セルに値を入れて、保存して、EXCELを終了。 よろしくお願いします。

  • CSSで動く画像ロールオーバーの利点について

    javascriptを使わずCSSのみで動かすロールオーバー画像の利点と欠点が↓以外にあれば教えて下さい。私の解釈が間違っていればご指摘願います。 ■利点 1.HTMLのソースが綺麗=ソースコードが軽くなる。 2.検索ロボットが余分なソースを読まなくてもよくなる為、SEO対策に有効。 3.listタグ(UL、LI)はSEOで重みづけが大きい?従ってlistタグで作成されたメニューはロボットに重要視される。 ■欠点 1.CSSファイルが複雑化。 javascriptでもできる事をあえてCSSでしようとする意図がイマイチ掴めません。 また、メニューの背景のみを画像にした場合(メニュー名はテキスト)、CSSもさほど複雑化しないと思いますが、もしメニューひとつひとつを画像にしていた場合はCSSが複雑化しないんでしょうか。

  • javascriptでソースコードを取得

    今javascriptをやっています。 javascriptで指定したサイトのソースコードが読み込めないものかを試しているのですけど、やりかたが全然わかりません。 普通のWEBページで右クリックをして「ソースの表示」って出るじゃないですか、その内容をそのまま取得できれば良いのです。 とりあえず「Yahoo!JAPAN」のトップページのソースコードを取得できれば良いのです。 ・ソースコードの取得がjavascriptで出来るのか出来ないのか。 ・出来るならどのようなプログラムを書けばよいのか。 ・出来ないのならば他に出来るプログラミング言語は何か。 と言う質問に分かる部分だけ答えてくださればありがたいです。 よろしくお願いします。

  • このJavaScriptをやってみたいです

    こんばんはー http://ha1.seikyou.ne.jp/home/jun/hmenu.html ↑こちらのページにガンダムのハロ(GIFアニメ)が画面をランダムに飛び回るJavaScriptがあるのですが、 これを参考にして自分のHPに使いたいと思っています。 上記ホームページの「ソース」を見てJavaScriptのプログラムを打ち込んでみたのですが、GIFアニメは表示されるものの、動き回らないです(>_<)ヽ どなたか教えて頂けませんでしょうか?

  • どういうプログラムを関数化をしたほうがいいのか しないほうがいいのか

    phpで、使いまわす可能性が高いコードを関数化しようか 迷っているんですが、関数化するとソースがどんどんカオス化していき 後から見て、ちゃんと管理ができるのかなあと不安になります。 他の人からみても分かるかどうかというのも問題です。 プログラムで、こういうソースコードを関数化したほうがいい 逆に、こういうコードは、直書きしたほうがいいというのがあれば アドバイスお願いします。

    • ベストアンサー
    • PHP
  • WebBrowser で JavaScript を見るには

    お世話になっています。 インターネットエクスプローラで、 表示 - ソース とすると <script language="JavaScript"> と言う記述の下に ソースコードを見ることができますが、 WebBrowser で WebBrowser.Document.Body とか WebBrowser.Document.OuterHTML とかしても、 ソースコードを見ることができないのです。 見る方法について教えて下さい。 補足 Internet Explorer Version 6.0 言語は Visual Basic 6.0 がいいですが、 C++ でもいいです。よろしくお願いします。

  • javascriptを実践的に学べる書籍って?

    javascriptの書籍について質問です。 実践系の書籍且つES6(2015)以降のソースで実際にプログラムを作る書籍を探しております。が、 何を買うべきなのか迷っております。 すでに、古いらしく今では、それほど参考にならないと過去、技術系の質問サイトで指摘を受けたリファレンス(2011/12/15初版第二刷発行)と その指摘をうけ、新たに購入したリファレンス(es6とそれ以前のものを解説している)があります。 なので次は、実践系の書籍を買おうかと思ったのです。 どのような書籍がおすすめですか。

専門家に質問してみよう