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

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

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

所以我只是稍微编辑了一下并让它工作。

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>

相关内容

最新更新

热门标签：