私は更新ボタンをクリックすると自動的にステータスのスペースを取得したい

Question

次のコードを使用すると、Webページのステータスを手動で表示する必要がありますが、更新ボタンをクリックするとスペースを作成する必要がありますバックエンドでjavascriptで表示され、ステータスページがウェブページ上に直接表示されるはずです。 div要素の内容のサイクルをどのように与えることができますか？また、javascriptの下にステータスの番号を表示する方法はありますか？ボタンの

： -

<button id='statbtn' type="submit" onclick="update()">Update</button> 

私は毎回手動で作成する必要があり、それは私が、私は別々のBOX1をしたい、それを更新するたびに上書きされます

function update() { 
     var x,y; 
     x=document.getElementById("stat"); 
     y=x.elements["status"].value; 
     document.getElementById("box1").innerHTML=y+ "<br>"; 
     document.getElementById("status").value = ""; 
    } 

を表示するには、このコードを使用しています私が更新するたびに。あなたが=演算子を使用しているため

<div id="box1"></div> 

Answer 1

回答は、以下のように です我々はjsの関数でそのスタイルのdiv要素を呼び出し、次のようにHTMLに変更を加える必要があり、そのためのよう

は私がスタイルを提供...任意のテキスト/ステータスを更新するつもりはありません

#box1{ 
padding: 10px; 
height: auto; 
width: 650px; 
margin-left: 7px; 
margin-top: 5px; 
margin-bottom: 5px; 
background-color:#ffffff;} 

として「BOX1」へ

それは

document.getElementById("bigbox").innerHTML += "<div id='box1'>"+ y + "</div>"; 

を次のようになりました変更上記更新中（）関数を作る我々は、任意のテキストを更新していない場合は、

がHTML

<div id="bigbox"> 
    </div> 

に次のコードを追加し、ページに表示されます今それは正しく動作します、 ありがとうございます。

Answer 2

あなたはbox1 div毎回の内容全体を交換します。ボタンをクリックしてupdate()を実行するたびに、divのテキスト全体が最新のステータスで再び作成され、divのテキストだけが得られます（1行の改行とともに）。

オペレーターを+=に変更すると、前回のステータステキスト+前回のステータステキスト+次のステータス行+ 1つの改行が取得されます。私たちならば、それはまた、表示するので、「BOX1」はすでにCSSに（そのために残念上記のコードで提供されていない）スタイル設定され、上記のコードのように私の質問に

document.getElementById("box1").innerHTML += "New Text"+ "<br>"; 

See here working example