为什么button标签只有一个还要下标
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数接收参数并弹出</title>
</head>
<style>
body{font:12px/1.5 Tahoma;text-align:center;}
code,input,button{font-family:inherit;}
input{border:1px solid #ccc;padding:3px;}
button{cursor:pointer;}
</style>
<script>
var myFn = function(a, b)
{
alert(a.value);
alert(b.value)
};
window.onload = function ()
{
var oInput = document.getElementsByTagName("input");
var oBtn = document.getElementsByTagName("button")[0];
oBtn.onclick = function()
{
myFn(oInput[0],oInput[1])
}
};
</script>
</head>
<body>
<p><input type="text" value="北京市" /></p>
<p><input type="text" value="朝阳区" /></p>
<p><button>传参</button></p>
</body>
</html>
如上所述，不懂为什么button标签需要下标[0]，我试了去掉下标，点击按钮没有反应
一开始我理解的是input标签才需要下标
还请各位前辈帮忙解答，感激不尽
刺槐少女1回答
-
习惯受伤
getElementsByTagName 方法的意思是，获取所有指定标签的元素，看清楚，是所有，也就是说是一组元素。你想访问哪一个元素的时候，当然要加下标了。
随时随地看视频慕课网APP
相关分类
JavaScript