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

開発環境

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

12-1.

テキストの色がスタイルシートに設定されていても、JavaScriptやその要素(obj)の属性でstyleプロパティの値が設定されていなければ値は戻ってこない。

このテキストの色にアクセス。

var obj = document.getElementById("obj"); var color; if (obj.currentStyle) { color = obj.currentStyle["color"]; } else if (window.getComputedStyle) { color=obj.window.getComputedStyle(obj, null).color; } document.write("<p>テキストの色: " + color + "</p>" + "<p><a href=\"http://sitekamimura.blogspot.com/2010/10/355-javascript-22009isbn978-4-84311-425.html\">" + "戻る</a></p>" + "<p><a href=\"http://sitekamimura.blogspot.com/\">" + "Kamimura's blog</a></p>");

 

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