JavaScript的换行代码

JavaScript的换行代码,javascript,html,Javascript,Html,我这里有一个关于数组的工作代码,但我希望我的输入显示在新行中,而不是一行。我试过了\n但运气不好 这是我的密码: <html> <meta charset="UTF-8"> <head> <title>Sample Array</title> <script>var index = 0;</script> </head> <bo

我这里有一个关于数组的工作代码,但我希望我的输入显示在新行中,而不是一行。我试过了\n但运气不好

这是我的密码:

<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> 

样本阵列
var指数=0;
输入:

var sample=新数组(); 功能按钮(数字) { 如果(数字!='') { 样本[索引]=编号; document.getElementById(“display”).innerHTML+=sample[index]+“\n”; 索引++; } 其他的 警报(“空”); }


我想在document.getElementById中对换行符进行编码。提前感谢。

您正在处理将大多数空白字符视为单个空格的HTML。只需连接一个

document.getElementById("display").innerHTML += sample[index] + "<br>";
document.getElementById(“显示”).innerHTML+=sample[index]+“
”;
您正在处理的HTML将大多数空白字符视为单个空格。只需连接一个

document.getElementById("display").innerHTML += sample[index] + "<br>";
document.getElementById(“显示”).innerHTML+=sample[index]+“
”;
非常感谢!工作起来很有魅力。我还想添加一些东西,在我按下按钮后有没有办法清除输入框?@marcines我现在可以继续我的项目了。感谢您的帮助。有关记录,
document.getElementById('input')。value='
,@marcines。始终使用
getElementById
更安全;直接引用id在大多数(所有?)浏览器上都有效,但这是非标准的。非常感谢!工作起来很有魅力。我还想添加一些东西,在我按下按钮后有没有办法清除输入框?@marcines我现在可以继续我的项目了。感谢您的帮助。有关记录,
document.getElementById('input')。value='
,@marcines。始终使用
getElementById
更安全;直接引用id在大多数(所有?)浏览器上都有效,但这是非标准的。我忘了这一点。谢谢,我忘了。谢谢