javascript - 入力ボックスを追加した後の値の取得

Question

以下のように、JavaScriptを使用してテーブルに入力ボックスを追加します。

var inputtopik = "topik" + 1;
$("#titleinput tbody").append("<tr><td> Topik " + topikno +
                              " : </td><td><input type='text' id='" +
                              inputtopik +"' style='WIDTH:498px;' ></td></tr>");

そして、これによって値を取得しようとします

var topik = document.getElementById('inputtopik').value;

しかし、エラー状態になりました

Uncaught TypeError: Cannot read property 'value' of null 

なぜだろう？追加したばかりの入力ボックスが見つからないのでしょうか？直し方？ヘルプ ：（

Answer 1

inputtopik の値は「topik1」です。だからあなたはすべきです

var topik = document.getElementByID(inputtopik).value;

一重引用符なしで。

Answer 2

jQueryを使用している場合...入力テキストの値を取得するもう1つの方法は次のとおりです。

var topik = $('#topik1').val();