JavaScriptがHTMLページに新しい行を作成していますか？

Question

私は、ユーザーがボタンをクリックしたときにいくつかのテキストボックスを表示するjavascript関数を持っています。

しかし、ユーザーが複数回ボタンをクリックすると、テキストボックスはページに沿って移動するだけですが、関数が呼び出されるたびに常に新しい行に表示されます。

私はこの

x=document.write ('<br/>'); 
      document.getElementById('txtara').appendChild(x) 

を試みたが、ちょうど空白に自分のページをクリアしています。あなたはそれが間違っていた

おかげ

Answer 1

document.getElementById ('txtara').innerHTML += '<br>'; 

Answer 2

。 document.writeはページの最後に書き込み、HTML要素を返しません。必要なのは次のとおりです。

var x = document.createElement('br'); 
document.getElementById('txtara').appendChild(x) 

Answer 3

document.writeを使用すると、ページのその他すべてがクリアされます。テキストボックスをスタイル通りに表示するには、CSSを使用する必要があります。