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

開発環境

• 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-1.

要素に要素の属性でstyle.colorプロパティが設定されていないから。値を得るには要素に直接style.colorプロパティを設定するか、あるいは取得の仕方を以下のコードのように記述してアプリケーションを変更すればよい。

var obj = document.getElementById("obj"); var color; if (obj.currentStyle) { color = obj.currentStyle["color"]; } else if (window.getComputedStyle) { color = window.getComputedStyle(obj, null).color; }

 

12-2.

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

テキスト

 

12-3.

テキストがdivブロックの中の子要素のブロック内にあり、その子要素でstyleプロパティが設定されている場合。

 

12-4.

ブロックを見えなくする2つの方法は

1. 要素の幅と高さを0にしてはみ出した部分をoverflowプロパティをhiddenにして切り取ってクリップする。
2. 要素のdisplayプロパティをnoneに設定する

例

クリップする。

var d1 = document.getElementById("d1"); d1.style.width = "0px"; d1.style.height = "0px"; d1.style.overflow = "hidden";

上記のJavaScriptのコードを実行するとこのブロックはクリップされて見えなくなる。

 

displayプロパティをnoneに設定する。

var d2 = document.getElementById("d2"); d2.style.display = "none";

上記のJavaScriptのコードを実行するとこのブロックはdisplayプロパティがnoneに設定されて見えなくなる。