猿问

为什么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标签才需要下标

还请各位前辈帮忙解答,感激不尽

刺槐少女
浏览 1201回答 1
1回答

习惯受伤

getElementsByTagName 方法的意思是,获取所有指定标签的元素,看清楚,是所有,也就是说是一组元素。你想访问哪一个元素的时候,当然要加下标了。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答