http://detail.chiebukuro.yahoo.co.jp/qa/question …
「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に放り込めば使えるのでしょうか?
宜しくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンクの文字と下線の間にスペ...
-
CSSでクラスのエイリアス(include)
-
HRタグ 枠線を透明にするには?
-
スタイルシート(CSS)にて文の...
-
リンク後の色設定
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
【ヒトの神秘】美男美女から何...
-
リストマーカーをボックス内に...
-
ボタンをセル内一杯に表示させ...
-
<div id="container">の使いか...
-
<table>の高さ固定。情報増加時...
-
質問1.
-
htmlのolやulなどlistにtitleや...
-
idの中のid指定
-
サイトにjQueryが使用されてい...
-
html/cssの、navを2段にする...
-
リンクをつけた画像をクリック...
-
個別にリンクの色を変える方法
-
border-style:solidで文字がずれる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<pre>~</pre>について
-
HRタグ 枠線を透明にするには?
-
訪問済のリンク色を変えない方法
-
カラープレーンってなんですか?
-
JavaScriptで任意の文字の色を...
-
<form <input type="text"の枠...
-
CSSでクラスのエイリアス(include)
-
リンク部分にカーソルが来たら...
-
横スクロールバーを表示したい
-
マウスオーバーでの反応速度が遅い
-
CSSのtext-decoration: none;が...
-
smartyテンプレートの<style></...
-
H2タグを使ったときの文字の背...
-
リンク下のアンダーラインの消し方
-
リンクの文字と下線の間にスペ...
-
テキストエリア送信の際の文字...
-
C# RichTextBoxで選択した文字...
-
点線や破線を引くには
-
リンクの下線の距離を変更した...
-
スクロールバーが薄いです。
おすすめ情報