JavaScriptでの文字のサイズや色指定の仕方について

2023/10/16 18:23

このQ&Aのポイント

JavaScriptを使用してホームページの制作に取り組んでいる方が、文字のサイズや色の指定方法について苦戦しているようです。
最終更新日の表示プログラムのスクリプトの中で、文字サイズの指定と色の指定方法がわからないようです。
質問者は、JavaScriptの専門家から文字のサイズと色指定の方法について教えてもらいたいと求めています。

ベストアンサー

JavaScriptでの文字のサイズや色指定の仕方について

2009/09/20 18:08

ホームページの制作に取り組み、JavaScriptを学習に苦戦しています。最終更新日の表示プログラムで下記のスクリプトがあるのですが、表示される文字サイズの指定と色指定は、どのようにすればよいのでしょうか？ご教示、よろしくお願いします。 <script type="text/javascript">  </script>

west321
お礼率91% (11/12)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

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

ベストアンサー

muuuuu
ベストアンサー率75% (3/4)

2009/09/20 23:29 回答No.1

document.writeln( の直後の'< は間違いでイイですよね。 "<span style='color:red;font-size:16px'>●最終更新日：" + theYear + "年"+ theMonth + "月"+ theDate + "日" 下は数値部分だけ、色とサイズを変更しました。 "●最終更新日：<span style='color:red;font-size:16px'>" + theYear + "</span>年<span style='color:red;font-size:16px'>"+ theMonth + "</span>月<span style='color:red;font-size:16px'>"+ theDate + "</span>日"

質問者

お礼 2009/09/22 02:21

早速のご回答、ありがとうございました。＞document.writeln( の直後の'< は間違いでイイですよね。はい、HTMLのタグを打ち込みながら、悪戦苦闘を続けていた日々の傷跡です。スタイルシートだったんですね。書体とカラーを再変更しながら、「Another HTML-lint gateway」というサイトで文法チェックも試みましたが、今回はエラーも出ませんでした。翔泳社の JavaScript 辞典も買ったり、何度も書店へ足を運んだりしていたのですが、このようなことがスラスラ理解できるようになるまでには、絶望的な距離を感じてしまいます。ご丁寧なご回答、本当にありがとうございました。こころから感謝申し上げます。

関連するQ&A

javascriptで質問
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"> <title>スクリプトテスト</title> <style type="text/css"> .menu li{ list-style-type:none; float:left; border:solid 1px #666666; } .menu li a{ padding:5px; background:#eeeeee; display:block; } .menu li a:hover{ background:#ffffff; } </style> <script type="text/javascript">  </script> </head> <body> <ul class="menu"> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> </ul> </body> </html>
- 締切済み
- JavaScript
javascript　日付自動更新
以前にもご質問させてもらったのですが、解決にいたらなかったので今一度ご質問させてもらいます。何卒、宜しくお願い致します。 javascriptでサイトをアップした日付を、"最終更新日：2009年12月12日"と自動で更新したいです。今までは、こちらのjavascriptを使っていたのですが、これですとブラウザ、GoogleChromeに対応していません。文字化けしてしまいます。 <SCRIPT language="JavaScript">  </SCRIPT> こちらのコードですとGoogleChromeで動くのですが、 <script type="text/javascript" charset="utf-8">  </script> このように表示されてしまいます。最終更新日：Saturday,December,12,2009 "最終更新日：2009年12月12日"この形で表示させたいです。どなたかお力を貸して下さい。お願い致します。
- 締切済み
- JavaScript
最終更新日の表示について
ホームページの最終更新日を『最終更新日　2005年○月×日　12：00』のように表示させるようJavaScriptを下記の様に書いてみました。 <script language="JavaScript">  </script> これでもあっているのでしょうか？いろんなサイトを参考に見たのですが、手書きのところや、 document.write("Last Update："document.lastModified) というところばかりでした。また、あるページでは、 document.write("Last updated: ", document.lastModified, "<BR>"); と書かれているのですが、アクセス時間が表示されるようで更新すると変わってしまうところやいろいろな条件が書いてあり、複雑なものもありました。はじめに書いたスクリプトでも、ちゃんと動くと思うのですが、皆さんのアドバイスをいただきたく、質問させていただきました。よろしくお願い致します。
- ベストアンサー
- JavaScript
最終更新日なんですが
<script language="JavaScript">  </script> この設定にした場合、トップページへ訪れた段階の最終更新日が表示されるため、言わば日付けを表すカレンダーの様な状態です。こちらが更新した際に切り替わるような最終更新日設定方法は、ありませんか有りましたら上記の様なタグもしくわ参考ＵＲＬなどを載せてもらえると助かります。宜しくお願い致します。
- ベストアンサー
- JavaScript
自動で最終更新日を表示する
同じ内容の投稿を見たのですが、解決しなかったので、教えて下さい。ＨＰの最終更新日が、ＨＰを開いた日付になってしまい、更新日を表示しません。（ここ最近更新していないのに、最終更新日が今日の日付になっている。） Yahooのgeocitiesを使っており、CGIは使えないので、それ以外を教えて下さい。よろしくお願いします。 <Body>に以下のように書いています。 <SCRIPT language="JavaScript"> upDate=new Date(document.lastModified); Month=upDate.getMonth()+1; Date=upDate.getDate(); Year=upDate.getYear(); document.write("最終更新日:" +Year +"年" +Month +"月" +Date +"日") </SCRIPT>
- 締切済み
- JavaScript
javascript　自動日付更新
宜しくお願いします。サイトをアップした日付を、自動で更新したいです。今までは、こちらのjavascriptを使っていたのですが、これですとブラウザ、クロムに対応していません。文字化けしてしまいます。 <SCRIPT language="JavaScript">  </SCRIPT> クロムでも動くjavascriptのコードはありませんか? 何卒、宜しくお願い致します。
- 締切済み
- JavaScript
javascriptで任意の曜日に日をプラス
javascriptで任意の曜日に日をプラスさせたいです。 ●外部 //日付取得 var nweek = new Array("日","月","火","水","木","金","土"); var now = new Date(); var nYear = now.getFullYear(); var nMonth = now.getMonth() + 1; var nDate = now.getDate(); var nweekjp = now.getDay(); //配送日計算 var now = new Date(); now.setDate(nDate+7); var yYear = now.getFullYear(); var yMonth = now.getMonth() + 1 ; var yDate = now.getDate(); var yweekjp = now.getDay(); ●実行タグ <script type="text/javascript">document.write(""+yYear+"/"+yMonth+"/"+yDate+" ");</script><script type="text/javascript">document.write(""+nweek[yweekjp]+"曜日 ");</script> で、配送までの日付を取得させているのですが、土日の配送が月曜日になるため、土曜日の場合は、日付を2日追加、日曜日の場合は、1日追加としたいのですが、どうすればいいでしょうか。調べても日付取得方法ばかりで、困っています。ご存知でしたら教えて下さい。お願いします。
- ベストアンサー
- JavaScript
javascriptの外部ファイルにする方法
HTML内の利用箇所にそのまま下記のように日付の表示を記述しているのですが、外部ファイル化するにはどうしたらよいのでしょうか。 <script language="JavaScript">  </script> javascript初心者です。よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
javascriptの比較演算
不可解な動作に困っています。どなたかご教示ください。 <html> <body> <script type="text/javascript"> var a=8; if(10>a>0){document.writeln(a);}　else　{document.writeln("else");} </script> </body></html> だと、ブラウザで実行すると画面に８と表示されます。一方 <html> <body> <script type="text/javascript"> var a=8; if(10>a>7){document.writeln(a);}else{document.writeln("else");} </script> </body></html> とすると、実行したときにelseと表示されます。とても不可解です　どうしてでしょうか。
- ベストアンサー
- JavaScript
yyyy/mm/dd(aaa)　hh:mm
http://www9.plala.or.jp/oyoyon/html/script/modified.html を参考にしているのですが、 yyyy/mm/dd(aaa)　hh:mm のように、「00時00分」まで表示するにはどうすればいいでしょうか？ ----------------------------------------- <script type="text/javascript">  </script> ----------------------------------------- ここまでできたのですが、時間の表示方法がわかりません。コピペで作ったので、javascriptは理解できていません。ご教授よろしくお願いします。
- ベストアンサー
- JavaScript