javascript - テーブルからすべてのデータ（テキストボックスを含む）を取得するにはどうすればよいですか？

Question

ユーザーが値を入力できるいくつかのテキストボックスを含む動的テーブルをキャッシュしたいと思います。重要なのは、キャッシュされたデータにはユーザーが入力しているものが含まれている必要があるということです。

これは、各テキストボックスのテーブル行とgetElementByIdを1つずつ取得して、その中の値を抽出することで実現できます。

しかし、これは難しい方法であり、ちょっとばかげていると思います。

次に、テーブルオブジェクトとそのinnerHTMLを取得してデータを取得しようとしています。ほとんど機能しますが、問題は次のとおりです。テキストボックスの値はデフォルト値であり、ユーザーが入力している値ではありません。

例えば：

<table>
  <tr>
    <td>
      <input type="textbox" value="defaultValue">
    </td>
  <tr>
  <tr>
    <td>
      <input type="textbox" value="defaultValue">
    </td>
  </tr>
  <tr>
    <td>
      some info 
    </td>
  </tr>
  <tr>
    <td>
       <input type="textbox" value="defaultValue">
    </td>
  </tr>
</table>

ユーザーは最初のテキストボックスに111と入力し、3番目のテキストボックスには333と入力します。

私が思った私の賢い計画（innerHTML）は私を失望させるdefaultValueだけを取得します。

誰かがこれの手がかりを持っていますか？または、データ全体を取得するためのより良いソリューションはありますか？