プログラミング学習の記録 453.1 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の12章(動的なページの作成)の練習問題2

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 9 Beta(プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の12章(動的なページの作成), 練習問題12-2を解いてみる。

12-2.

このdivブロックの中のテキストをフォントサイズ28pt、赤色、行の高さ32ptに変更してみる。(変化を分かりやすくするために、フォントサイズ、行の高さをそれぞれ問題の14pt、16ptの倍にしてみました。)

コード

var d0 = document.getElementById("d0"); d0.style.fontSize = "24pt"; d0.style.color = "red"; d0.style.lineHeight = "32pt";

styleのfontSizeを指定して設定するのではなくfontでもIE9では上手く動いた！(ただ、Mac上のSafariで試してみたら、想定通りに動かなかったのでやっぱりfontSizeを指定して設定することに。

 

本書と合わせてjQueryクックブック、Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニックを読む。

jQueryクックブックを読んでるけど全然使ってないことに気づく。

次にまた最初から繰り返すときにはjQueryを使いながら進めることに！