Question

我有一个id = add的文本框，一个id = get的div和一个名为Add的按钮。现在我想在文本框中输入值，将它们保存到数组中，然后将这些数组元素保存在div标签中（使用javascript）。但我无法这样做。请帮忙。

<html>
    <head>
        <title>Content</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="stylesheets/keyword.css" rel="stylesheet">
        <SCRIPT language="javascript">
//            
            var data = new array();
            data= document.getElementById('add').value;
            function copy()
            {
                document.getElementById('get').innerHTML=data;

//                    document.getElementById('get').innerHTML= document.getElementById('add').value;
//                    return true;
            }
        </SCRIPT>
    </head>
    <body>
        <input type="text" name="add" id="add"/>
        <input type="button" name="but1" onclick="copy()" value="Add"/>
        <div id="get" class="keyword"></div>
    </body>
</html>

Answer 1

这是因为data没有任何值，您在设置值之前尝试读取文本框的值，并且它应该是Array()

试试这个

function copy()
{
     var data = new Array();
     data= document.getElementById('add').value;
     document.getElementById('get').innerHTML=data;


 }

JsBin

Answer 2

您的代码中有三个问题：

array()在javascript中无法识别，只有Array()。
您正在尝试读取文本框的值，然后才能在此处设置值：

data= document.getElementById('add').value;

function copy(){

应该是：

function copy()
{
    data[0]= document.getElementById('add').value;

data是一个数组。如果要存储值，则应与索引一起使用。

JSFiddle

Answer 3

将您的代码更新为

<html>
<head>
    <title>Content</title>
    <script language="javascript">
        function copy() {
            var data = document.getElementById('add').value;
            document.getElementById('get').innerHTML += data + "<br/>";
        }
    </script>
</head>
<body>
    <input type="text" name="add" id="add" />
    <input type="button" name="but1" onclick="copy()" value="Add" />
    <div id="get" class="keyword">
    </div>
</body>
</html>

PS：此处不需要数组（不是array ），

Answer 4

<html>
    <head>
        <title>Content</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="stylesheets/keyword.css" rel="stylesheet">
        <SCRIPT language="javascript">
//
            var data = new Array();
            function copy()
            {

                data = document.getElementById('add').value; 
                document.getElementById('get').innerHTML = data;  document.getElementById('get').innerHTML= document.getElementById('add').value;
//                    return true;
            }
        </SCRIPT>
    </head>
    <body>
        <input type="text" id="add"/>
        <input type="button" name="but1" onclick="copy()" value="Add"/>
        <div id="get" class="keyword"></div>
    </body>
</html>

将文本框值存储在div标记中

4 个答案: