JavaScript - DOM(テキストフィールドの値を取得)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第9章(DOM)9.1(練習問題)を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

2.

HTML(TextWrangler)

<form id="form_id" name="form_name">
  <input type="text" id="text_id" name="text_name"/>
  <input type="button" value="クリック" onclick="displayTextValue()">
</form>
<script type="text/javascript">
function displayTextValue(){
  var value = document.form_name.text_name.value;
  alert(value);
}
</script>

3.

Nodeオブジェクトのプロパティのうち、親ノードを参照するプロパティはparentNode、子ノードを参照するためのプロパティはchildNode。