getElementById和getElementByName的区别

最新推荐文章于 2019-08-17 16:26:53 发布

转载最新推荐文章于 2019-08-17 16:26:53 发布 · 3.3k 阅读

前端/移动开发专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了JavaScript中如何通过getElementById和getElementsByName方法获取DOM元素。前者用于根据ID获取单个元素，后者则用于根据name属性获取多个元素集合。

使用document.getElementById的时候，会根据html元素的id属性，根据规范id应当是唯一的，用来标示一个element，比如<td>, <div> ......。所以返回唯一元素句柄或者null。对于表单控件<input><select><textarea>等，在不指定id的时候，name也会被视作id，比如<input type="text" name="abc" value="123">也可以用document.getElementById("abc")来获
而document.getElementByName，从名字上看，就可以知道，它返回的是复数个对象。它根据name属性（name可以重复），得到所有name属性与参数相同的控件组成的数组，不存在时，返回0长度数组(.length == 0,而不是null)

比如:
<input type="text" name="abc" value="1">
<input type="text" name="abc" value="2">
<input type="text" name="abc" value="3">

var array = document.getElementsByName("abc");
if (array.length == 0) {
alert("Error");
return;
}

for (var i = 0; i < array.length; i++) {
alert(array[i].value);
}