数组内容不会显示

时间:2014-01-16 16:22:48

标签: javascript html

我创建了一个javascript代码,允许用户输入一些东西然后它应该在输入后显示但我的显示似乎根本不起作用,我使用document.getElementById来显示每个输入的数组内容但是它不起作用。

这是我的完整代码:

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

    <body>

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

        <script>

            var sample = new Array();

            function press(Number)
            {               
                    sample[index] = Number;
                    document.getElementById("display").InnerHTML += sample[index] + " ";
                    index++;                    
            }       

        </script>

    </body>
</html> 

似乎有什么问题?我还在学习基础知识,请耐心等待。

4 个答案:

答案 0 :(得分:1)

变化

document.getElementById("display").InnerHTML

document.getElementById("display").innerHTML

(请注意小写 i

Here's the fiddle

答案 1 :(得分:1)

我做了两个微小的改动,似乎使这个工作。

首先,关闭<p>代码,以便在设置innerHtml时不包含输入。

其次,将InnerHHTML更改为innerHTML。方法和属性区分大小写。

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

    <script>

        var sample = new Array();

        function press(Number)
        {               
                sample[index] = Number;
                document.getElementById("display").innerHTML += sample[index] + " ";
                index++;                    
        }       

    </script>

答案 2 :(得分:1)

首先你的&lt; p&gt;不完整; &lt; p id =“display”&gt;&lt; / p&gt;

第二个:

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

答案 3 :(得分:1)

问题在于“InnerHTML”。正确的语法是带有小“i”的“innerHTML”。