• 締切済み

JavaScriptで任意の文字の色を変える方法

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1239134982 「JavaScriptで任意の文字の色を変える方法を初心者でも分かりやすく」 というのを見つけたのですが、全然分かりません。 <html> <head> <script type="text/javascript"> function colorChange(){ document.getElementById("cc").style.color="#"+Math.floor(Math.random()*256*256*256).toString(16); //～.style.color=xx; //xxには色を指定,サンプルではランダム //例）"red"or"#ff0000" -> 赤 } </script> </head> <body> <span id="cc">ここ</span>が変わります<br> <input type="button" onclick="colorChange()" value="変更"> </body> </html> どこに、任意の文字を書き込めばいいのですか？ 色の所はサンプルありますが、 //～.style.color=xx;→ //～.style.color="red"or"#ff0000"; この部分を、このようにすれば赤になるんですか？ どなたか教えて下さい。 ブラウザ：opera12です。 後、opera_jsに放り込めば使えるのでしょうか？ 宜しくお願い致します。

みんなの回答

  • yomyom01
  • ベストアンサー率12% (197/1596)
回答No.1

document.getElementById("cc").style.color="#ff0000"; で赤になる

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. インターネット・Webサービス
  3. ブラウザ

関連するQ&A

  • javascriptについての質問です

    先ほどと同じ質問ですが黒、ディムグレイ、灰、黒灰、銀、ライト灰、白の順でひだり側から文字でなくて色だけを間隔なしで表示させたいのですがなかなかうまくいきませんどなたかお教えください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>文字の色を変える、</title> </head> <body bgcolor="#ffffff"> <script language="JavaScript" type="text/javascript"> <!-- //#RRGGBB形式による色の設定 var myStr; <span style="border:thin solid red" ><span style="color:white;background-color:#000000">Black</span ><span style="color:white;background-color:#696969">Dimm gray</span ><span style="color:white;background-color:#808080">Gray</span ><span style="color:black;background-color:#A9A9A9">Dirk gray</span ><span style="color:black;background-color:#C0C0C0">Silver</span ><span style="color:black;background-color:#D3D3D3">Light gray</span ><span style="color:black;background-color:#FFFFFF">White</span ></span> document.write //--> </script> </body> </html>

  • 文字の色を英字で指定する時はセミコロンは必要なので

    <span style="color:#ff0000;"></span> で色を指定する時に、文字コードのお尻にセミコロンを入れますが、 文字の色を英字で指定する時はセミコロンは必要なのでしょうか？ これと <span style="color:red"> これは <span style="color:red;"> どちらが正しいですか？

    • ベストアンサー
    • CSS
  • JavaScriptでa:activeなどの設定を取得する方法

    JavaScriptでaの疑似クラスであるactiveやhoverの色設定を 取得する方法はないでしょうか？ IDでは下記のような感じで設定を読み書きできますが。 これらの疑似クラスはアクセスできないのでしょうか？ 調べてみましたが目的の情報にはたどり着けませんでした。 よろしくお願いいたします。 <span id="hoge" style="color:red">hoge</span> <script type="text/javascript"> <!-- var hogeColor= document.getElementById( "hoge" ).style.color; alert( hogeColor ); //--> </script>

  • クラスのcolor　「#ff0000;」を表示

    ＣＳＳのクラスsampleのcolor　「#ff0000;」を表示する方法を教えてください。 // cssの部分 .sample　｛ 　　　color: #ff0000; ｝ // html内　ＪａｖaScriptの部分 <script type="text/javascript"> function () { var element = document.getElementById("sample"); var samplecolor = element.style.color; } </script> <span id="samplecolor"></span> //----------結果------------------- #ff0000;

  • 色をラジオボタンで選択

    エレメントでボタンを押すと色を変えるJavaScriptです。 検索をしながら　ボタンで一度変えることはできるようになりましたが <script type="text/javascript"> function effect() { var element = document.getElementById("sample"); element.style.color = '#000000'; } </script> <button onclick="effect()">チェンジ</button> <span id="sample">■□□■</span> ラジオボタンで選択するようにしたいのですが どのようにすればよいでしょうか？ うまくいく方法を教えてください。 ブラウザーはGoogle Chrome最新版です。 どうしてもできなければ　Firefoxでもかまいません。 <script type="text/javascript"> function effect() { var element = document.getElementById("sample"); element.style.color = '#000000'; } </script> <input type=radio name="colorcode" value="#000000" checked>黒 <input type=radio name="colorcode" value="#ff0000">赤 <input type=radio name="colorcode" value="#00ff00">緑 <span id="sample">■□□■</span>

  • html で文字の色が出てこない。

    はじめてhtmlを勉強していて、わからないことがありました。 文字の色、背景色などを指定しているのですが、 実際にIEで見ても、色が出てきません。 下記が内容です。 どこが間違ってるのでしょうか？ --の所は、- -です。 タブは実際はコードにはあります。 <html> <head> <title>背景色とは</title> <style type="text/css"> <!-- body[color:blue; background-color:aqua; h1[color:green] p{background-color:white span[color:red] HR[background-color:red; height:20px] --> </style> </head> <body> <h1>ようこそ</H1> <hr> <p><span>私の</span>ホームページへ<br> このページでは<br> 私の好きな作家の作品について</br> 感想をつづっています。 </p> <a href="http://www.yahoo.co.jp">ヤフージャパン</a> </body> </html>

  • 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で動的に新たにクラスを作成してスタイルを設定する方法を教えてください。 たとえば、 <html> <head> <style> .hoge { color: red; } </style> </head> <body></body></html> の<style>～</style>をjavascriptで記述するにはどう書けばよいでしょうか？ もちろん、 document.write('<style> .hoge {color: red;}</style>'); では、<style>タグを埋め込むのと同じですので、純粋なjsのcodingをご教示ください。(prototype.jsなどのライブラリを使わない方法) よろしくお願いします。

  • Javascriptでランダムに画像を表示させる方法について

    画像をランダムに表示させる為にalphaEDIT v2.0.3に以下のようなスクリプトを貼り付けました。 しかし表示させる画像の位置を動かすことができません。どうすればよいでしょうか？ グーグルやおしえてgooで検索しましたが、わかりませんでした。 どうかご教授おねがいします。m(_ _)m <script language="JavaScript"> <!-- ranimg = new Array(); ranimg[0]="test1.jpg"; ranimg[1]="test2.jpg"; xx = Math.floor(ranimg.length*Math.random()); ranimg = ranimg[Math.floor(xx)]; document.write('<img src="'+ ranimg +'">'); // --> </script>

    • ベストアンサー
    • HTML
  • 文字の色をスタイルシートで設定した時、ハイパーリンクの文字の色を変えたいのですが

    スタイルシートの定義で質問です。 文字の色をスタイルシートで設定したとき、ハイパーリンクの文字の色を変えたいのですが やり方が分かりません。よろしくお願いします。 htmlは次の様に書いてます。 これだと、ハイパーリンク文字にマウスをおいても白文字のままです。 この時、赤色にかえたいのですが。 <head> <style type="text/css"> .style1 { color: #FFFFFF; font-size: small; } a:hover { color: red; text-decoration: none; } </style> </head> <body> <a href="xxxx.htm"> <span class="style1">ハイパーリンク文字</span></a> ・ ・ </body>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する