JavaScript的NewLine代碼

我在這裏有一個關於數組的工作代碼，但我希望我的輸入以新行顯示而不是單行。我曾嘗試\ n但沒有運氣。JavaScript的NewLine代碼

這裏是我的代碼：

<html> 
    <meta charset="UTF-8"> 
    <head> 
     <title>Sample Array</title> 
     <script>var index = 0;</script> 
    </head> 

    <body> 


     Input: 
     <input type="text" id="input"> 
     <input type="button" value="GO" onClick="press(input.value)"> 

     <p id = "display"> 

     <script> 

      var sample = new Array(); 

      function press(Number) 
      { 

       if (Number != '') 
       { 
        sample[index] = Number; 
        document.getElementById("display").innerHTML += sample[index] + "\n"; 
        index++; 

       } 

       else 
        alert("empty"); 
      }  

     </script> 

    </body> 
</html>

我要編碼的的document.getElementById內的換行符。提前致謝。

來源

2014-01-16 Marc Intes

怎麼樣''
？ – nderscore

我忘了這一點。謝謝。 –

您正在處理將大多數空白字符視爲單個空格的HTML。只需連接一個<br>：

document.getElementById("display").innerHTML += sample[index] + "<br>";

來源

2014-01-16 18:04:21 bfavaretto

非常感謝！像魅力一樣工作。另外我想添加的東西，有沒有什麼辦法來清除輸入框後，我按下按鈕？ –

@MarcIntes http://stackoverflow.com/questions/7174265/reset-textbox-value-in-javascript – thermite

我現在可以繼續我的項目。謝謝您的幫助。 –

JavaScript的NewLine代碼

回答

相關問題