JavaScript - ページの部品をかき集める(テキストの変更(getElementById, removeChild, createTextNode, appendChildメソッド, firstChildプロパティ))

Head First JavaScript
頭とからだで覚えるJavaScriptの基本
(オライリージャパン)
Michael Morrison (著) 豊福 剛 (翻訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の8章(ページの部品をかき集める)、JavaScriptコードマグネット(p.363)を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

JavaScriptコードマグネット(p.363)

コード(BBEdit)

sample.js

var scenetext = document.getElementById('scenetext'),
    message = $('#message0').val();
while (scenetext.firstChild) {
    scenetext.removeChild(scenetext.firstChild);
}
scenetext.appendChild(document.createTextNode(message));

message:

シーン