JS中getElementById()、getElementsByName()、getElementsByTagName() 的区别
1、getElementById()的方法返回拥有指定的ID的一个对象引用:
body部分：
<input type="text" name="input1" id="id1">
<input type="text" name="input1" id="id2">
var ele = document.getElementById("id1"); console.log(ele);
//结果 <input type="text" name="input1" id="id1">
#直接获取一个元素
2、getElementsBtyname()的方法返回带有指定名称的结合：
var ele3 = document.getElementsByName("input1") console.log(ele3)
输出结果：
两个对象的集合，我们来取出对象
var ele3 = document.getElementsByName("input1") for (var i=0;i<ele3.length;i++){ console.log(ele3[i]) //结果为：
<input type="text" name="input1" id="id1">
<input type="text" name="input1" id="id2">
3、getElementsByTagName()方法可返回带有指定标签名的对象的集合，返回元素的顺序是它们在文档中的顺序。
var ele3 = document.getElementsByTagName("input1") for (var i=0;i<ele3.length;i++){ console.log(ele3[i]) }
//结果
<input type="text" name="input1" id="id1">
<input type="text" name="input1" id="id2">
原文：http://www.cnblogs.com/wangxishan/p/6404007.html