getElementByTagName,getElementByName的使用

getElementByTagName,getElementByName捕获元素返回的不是一个对象,而是一个集合,访问集合中的对象要使用下标。

<input type="number" name="input" placeholder="请输入数字" id="input">

function getdata() {

  var inputnumber = document.getElementById('input').value;

  var num = parseInt('inputnumber');

  alert(typeof inputnumber);

  return inputnumber;

}

上面这种写法可以正确读取到input输入的值，当如果换一种捕获元素的方式

如：

var inputnumber = document.getElementByName('input');

getElementsByName返回的不是一个对象,而是一个集合,访问集合中的对象要使用下标，同时返回值是一个字符串格式，即string

obj= document.getElementsByName(names);
改为
obj= document.getElementsByName(names)[0];