JavaScript - ブラウザオブジェクトモデル(form要素へのアクセス方法)

開発環境

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

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5) の9章(ブラウザオブジェクトモデル)練習問題9-5解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

9-5.

1. id属性を使ってアクセスする。
2. forms集合のインデックスを指定してアクセスする。

という2つの方法がある。

確認。

formタグで囲まれた文字列

コード(TextWrangler)

var f0 = "id属性で取得: " + $('#f0').html();
var f1 = "forms要素集合のインデックスで取得: " + $('form:eq(0)').html();
var result = f0 + "<br />" + f1;
$('#pre0').html(result);