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

開発環境

• 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-3を解いてみる。

12-3.

原因として、divブロックが他のHTML要素の子要素になっていて、その親要素のstyleによって上書きされている。

下記のdivタグの「変更されるテキストブロック」をフォントサイズ14pt、赤い色、行の高さ16ptに変更。

上書きされていない場合は機能する。

var d0 = document.getElementById("d0"); d0.style.fontsize = "14pt"; d0.style.color = "#FF0000"; d0.style.lineHeight = "16pt";

<div id="d0">変更されるテキストブロック</div>

 

変更されない例

var d1 = document.getElementById("d1"); d1.style.fontsize = ""; d1.style.color = ""; d1.style.lineHeight = "";

<div style="font-sieze:medium;color:Black;line-height:normal"><div id="d1">このテキストブロックは変更されない</div></div>

 

12章はCSSやウェブページへのスタイルシートの適用方法について知識を前提としているということなので、CSSの基本を理解するために、『CSS完全ガイド 第2版』(Eric A. Meyer著、株式会社クイープ訳、オライリー・ジャパン、2005年、ISBN978-4-87311-232-9)を入手、あわせて読み始める。

 

また、『初めてのJavaScript』も数回繰り返してこなしてきたので、応用して楽しむために『Google Maps Hacks 第2版―地図検索サービスをもっと活用するテクニック』 リッチ・ギブソン+スカイラー・アール著、武舎広幸+福地太郎+武舎るみ、オライリー・ジャパン、2007、ISBN978-4-87311-341-8訳も入手。

基礎を繰り返すために『初めてのJavaScript』の練習問題を1日1問以上は解きつつも、その合間にGoogle Maps APIを利用していろいろと遊んで楽しむ計画！