程序博客网 > 已备案过期删除域名

JS基础——索引值应用2

来源：互联网发布：已备案过期删除域名编辑：程序博客网时间：2024/06/16 08:46

[html] view plaincopy

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——索引值应用2</title>
<script>
window.onload = function(){
var aBtn = document.getElementsByTagName('input');
var aP = document.getElementsByTagName('p');
var arr = ['孙悟空','孙悟饭','孙悟天'];
for(var i=0; i<aBtn.length; i++){
// 想建立“匹配”“对应”关系，就用索引值
aBtn[i].index = i;
aBtn[i].onclick = function(){
this.value = arr[this.index];
aP[this.index].innerHTML = arr[this.index];
};
}
};
</script>
</head>
<body>
<input type="button" value="按钮">
<input type="button" value="按钮">
<input type="button" value="按钮">
<p>11111</p>
<p>22222</p>
<p>33333</p>
</body>
</html>

分析：

首先获取相关元素，然后循环遍历所有按钮，给每个按钮添加索引值，建立数组与按钮等元素的匹配对应关系，

接着点击按钮时，把当前索引值所对应的数组赋给当前点击的按钮，同时也赋给与之对应匹配的P。

0 0

已备案过期删除域名

已备案过期删除域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子安徽宣城宾馆安徽宣城宁国安徽宣城特产安徽宣城泾县宣城水墨汀溪风景区宣城特色美食安徽宣城景点安徽宣城中学宣城男科医院芜湖宣城机场安徽宣城敬亭山安徽宣城人怎么样宣城电脑培训学校安徽宣城广德宣城有限公司宣城二手房交易网宣城人力资源安徽宣城电大宣城二手房出售宣城精神病院安徽宣城移动宣城五星级酒店宣城装潢公司宣城九洲医院宣城广德横山宾馆宣城属于哪个市宣城网站优化宣城有哪些医院安徽宣城区号宣城到合肥汽车宣城房产交易网安徽宣城邮编宣城网站制作宣城中学校园网宣城广播电视大学宣城教育培训宣城是哪个省宣城精神病医院电话宣城到马鞍山的汽车宣城广德木子度假村宣城人流医院