javascript - get element by id は、javascript を使用して動的に追加された要素に対して null を返します

Question

function createInput(id){

    count++;
    var name = "name" + count;

    var text = "#" + id.id;
    var newInput = "<input type='text' id='" + name + "' placeholder='' />";


    var myTextArea = document.getElementById(id.id);
    myTextArea.innerHTML += newInput;

    return false;
}

上記の関数は、コードの div のテキストエリアに入力タイプを追加します。入力タイプが動的に表示されると、要素 ID を使用して取得しようとしgetElementByIdますが、null が返されます。ここで何がうまくいかないのか分かりますか？新しい入力タイプが追加されたようですが、なぜか入力タイプが null になっています。

また、ページを更新すると、新しく追加された入力タイプが消えることに気付きます。新しい動的入力タイプを強制的にページに残す方法はありますか?