プログラミング学習の記録 344 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の6章(トラブルへの対処、デバッグ、異種ブラウザ間の問題)

開発環境

• 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)の6章(トラブルへの対処、デバッグ、異種ブラウザ間の問題)の練習問題を解いてみる。

6-1.

<input id="Text2" type="text" /> <input id="Button2" type="button" value="Run" onclick="alert(document.getElementById('Text1').value)" />

 

6-2.

var d0 = document.getElementById("d0"); if (typeof (d0.style.textShadow) != "undefined") { d0.style.textShadow = "3px 3px 5px red"; } else { document.write( "<p>ご利用のブラウザではCSS属性のtext-shadowはご利用できません</p>") }

Internet Explorer 9 Beta(現時点)ではCSSプロパティのtext-shadowは機能しませんでした。その他のブラウザでは検証してないのでコメント欄等でご利用になっているブラウザで機能したかを教えて頂けると嬉しいです。