Question

我是JavaScript新手。下面是我添加新项目但不打印数组时打印数组的代码。有人可以帮忙吗下面是我的代码。我也没有在控制台中收到任何错误。我使用push方法将新项添加到数组中，并添加了调用display函数来打印数组。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<input type="text" id="item" >
<br>
<br/>
<input type="button" value="Push" onClick="Push()">
&nbsp;
<input type="button" value="Pop" onClick="Pop()">
&nbsp;
<input type="button" value="Shift" onClick="Shift()">
&nbsp;
<input type="button" value="UnShift" onClick="UnShift()">
<div id="list_items"> </div>
<script type="text/javascript">

var arra1=[12,34,56,67,78,89,87];

function display()
{

var lists=document.getElementById('list_items');

document.write("Array items are:<br>" );

for(var i=0;i<arra1.length;i++)
{

var para = document.createElement('div');



lists.appendChild(para);
para.innerHTML = arra1[i];
}

}

function Push() 

{


var item1=document.getElementById("item").value;


arra1.push(item1);

display();  

}

function Pop()  
{

arra1.pop();

display();  

}




    </script>
</body>
</html>

Answer 1

所以我只是编辑了一下并让它运转起来。

var arra1=[12,34,56,67,78,89,87];

function display()
{

var lists=document.getElementById('list_items');

for(var i=0;i<arra1.length;i++)
{

var para = document.createElement('p');
lists.appendChild(para);
para.innerHTML = arra1[i];
}

}

function Push() 

{


var item1=document.getElementById("item").value;


arra1.push(item1);

display();  

}

function Pop()  
{

arra1.pop();

display();  

}

<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<input type="text" id="item" >
<br>
<br/>
<input type="button" value="Push" onClick="Push()">
&nbsp;
<input type="button" value="Pop" onClick="Pop()">
&nbsp;
<input type="button" value="Shift" onClick="Shift()">
&nbsp;
<input type="button" value="UnShift" onClick="UnShift()">
<div id="list_items"> 

</div>
<scrip

    </script>
</body>
</html>

使用push方法添加新项目后无法打印数组

1 个答案: