當我點擊更新按鈕

時，我想自動獲取狀態空間通過使用以下代碼，我必須手動創建空間來顯示網頁上的狀態，但是當我點擊更新按鈕時，它會自動創建空間它應該創建空間在JavaScript的後端，它應該直接在網頁上顯示一個在另一個的狀態，所以我應該如何得到這個？我怎樣才能給我的div元素的內容的循環，以及如何顯示在javascript中的狀態一個在另一個下的數量？當我點擊更新按鈕

的按鈕： -

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

我使用此代碼顯示

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

我必須手動創建的每一個時間，它每一次重寫時我會更新它，我想單獨BOX1每次我會更新。

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

來源

2016-12-04 mayuresh patil

回答我的問題是下面，在上面的代碼中的「盒1」已經風格（在上面的代碼中沒有提供比較遺憾的是）在CSS所以它也顯示，如果我們不打算更新任何文字/狀態所以，我們必須調用JS函數風格的div元素，並在HTML變化如下...

我提供風格「盒1」爲

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

，使其顯示同樣，如果我們沒有更新任何文本頁面上，在HTML

添加以下代碼

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

現在做上述update（）函數的變化如下

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

現在它會正常工作，謝謝。

來源

2016-12-05 15:01:07

由於你正在使用=運營商更換每次box1 div的全部內容。每次按鈕單擊運行update()時，整個div的文本將以最新狀態重新創建，並且只會獲得div中的文本（連同一個換行符）。

將您的操作員更改爲+=，您將獲得以前的狀態文本+最後一個狀態文本+下一個文本的單個換行符。

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

See here working example

來源

2016-12-04 14:47:30

太棒了！非常感謝你的幫助，現在它的工作，但我還需要新的box1每次下面顯示新的更新狀態如何解決這個問題？ –

@mayureshpatil而不是我用硬編碼作爲例子的''New Text''，只需使用你的狀態文本從它創建的地方。請參閱我的答案中的示例，我已更新它以包含在狀態更新之前創建的隨機字符串。而不是隨機創建它，從你的源（它已經是另一個主題）中獲取它。此外，如果我的回答對您有幫助，請考慮接受答案時按下附近的小'V'符號，或者按下向上箭頭+1，以獲得我的答案和將來的答案，謝謝。 –

是的，先生我明白了，但我需要這個新的狀態應該打印在新的'box1'由這個代碼打印在相同的'box1'，我不能得到如何打印新的文本/狀態在新'box1' –

當我點擊更新按鈕

回答

相關問題