JavaScript - 動的なページの作成(スタイルの設定、変更)

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• BBEdit - Bare Bones Software, Inc.(Text Editor)
• Script言語:JavaScript
• JavaScript Library: jQuery

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

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87312-269-3)

12-2.

コード(BBEdit)

$('#d0').attr('style', 'font-size:' + $('#font_size').val() + 'pt;' +
   'color:' + $('#color').val() + '; ' +
   'line-height:' + $('#line_height').val() + 'pt');

font-size: pt
color:
line-height: pt

divブロックの中のテキスト