「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

tableでデータを一覧形式に表示後、サーバー送信時などでtableデータを全件取得したい場合の実装例をご紹介します。

サンプルテーブル

列A 列B 列C
A1 B1 C1
A2 B2 C2
A3 B3 C3

サンプルテーブルのHTML

サンプルテーブルの要素を順に取得するJavaScript

※イベントのハンドリングはjQueryで記載してます。

IE11ではrowsプロパティの値が必ず0になってしまうようなので、6,8,10行目を以下の様に変更します。

実行サンプル


Ads by Google

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">