JaveScript之数组实训案例

最新推荐文章于 2024-06-14 14:43:28 发布

流年lh

最新推荐文章于 2024-06-14 14:43:28 发布

阅读量242

点赞数

分类专栏： js 文章标签： javascript 数组

本文链接：https://blog.csdn.net/m0_37302495/article/details/72967749

版权

js 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

案例效果，输入数据点击入栈，则在多行文本框中显示数据，点击出栈则删除数组中最后一个数据，点击查看数组中的数据，则在多行文本框显示数组的所有数据。

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#text{
width: 100px;
}
#text1{
width: 150px;
height: 60px;
}
</style>
</head>
<body>
<span>请输入要入栈的数据:</span>
<input type="text" value="" id="text"/><br /><br />
<input type="button" value="入栈" />
<input type="button" value="出栈" />
<input type="button" value="查看数组中的数据" /><br /><br />

<textarea rows="10" cols="20" id="dh"></textarea>
</body>
<script type="text/javascript">
var text1=document.getElementsByTagName("input");
var a=[];
var wenben=document.getElementById("dh");

text1[1].οnclick=function()
{
a.push(text1[0].value);
wenben.value=a;
text1[0].value="";
}

text1[2].οnclick=function()
{
a.pop(text1[0].value);
wenben.value=a;
}

text1[3].οnclick=function()
{
wenben.value=a;
}
</script>

</html>

流年lh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JaveScript之数组实训案例

案例效果，输入数据点击入栈，则在多行文本框中显示数据，点击出栈则删除数组中最后一个数据，点击查看数组中的数据，则在多行文本框显示数组的所有数据。#text{width: 100px;}#text1{width: 150px;height: 60px;}请输入要入栈的数据:var text1=do
复制链接

扫一扫

专栏目录