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

JS基础——索引值应用2

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

[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

已备案过期删除域名

已备案过期删除域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子吃溴隐亭溴隐亭什么时候吃溴隐亭的功效服用溴隐亭溴隐亭服用溴隐亭恶心溴隐亭月经不来甲溴隐亭溴隐亭吃多少溴隐亭鼻塞溴隐亭发胖诺华制药溴隐亭溴隐亭能长期吃吗溴隐亭孕妇溴隐亭吃多长时间溴隐亭喝酒溴隐亭用法用量停吃溴隐亭溴隐亭激素溴隐亭剂量溴隐亭长期服用溴隐亭产地溴隐亭包装溴隐亭会反弹吗吃溴隐亭会长胖吗溴隐亭头痛溴隐亭怀孕吃溴隐亭会脱发吗溴隐亭会长胖吗溴隐亭会胖吗溴隐亭用法溴隐亭是激素吗溴隐亭排卵溴隐亭药效溴隐亭的功能溴隐亭发胖溴隐亭月经溴隐亭说明溴隐亭怎么吃溴隐亭有什么作用怀孕溴隐亭