document.getElementsByName() 、document.getElementById() 、document.getElementsByTagName() 区别

最新推荐文章于 2021-07-27 18:05:25 发布

Hurricane_m

最新推荐文章于 2021-07-27 18:05:25 发布

阅读量1.6k

点赞数 1

分类专栏：前端文章标签： JS

前端专栏收录该内容

6 篇文章

订阅专栏

本文详细解析了使用document对象进行DOM操作的方法，包括通过名称、ID和标签获取元素的技巧，适用于前端开发人员深入理解网页元素的选取与操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.getElementsByName() 是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。
document.getElementById() 是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象。
document.getElementsByTagName() 是根据控件TAG获取这个控件对象，返回的是一个对象数组。

例如：
HTML中有控件如下：

    <input type="radio" id="radio1" checked="checked" name="radiogroup1"  value="1"/> 
    <input type="radio" id="radio2" name="radiogroup1" value="2"/> 
    <input type="radio" id="radio3" name="radiogroup1" value="3"/>

则:

document.getElementsByName('radiogroup1'); //取得的是这三个控件，返回一个对象数组
document.getElementsByName('radiogroup1')[0]; //取得的是第一个控件。返回一个对象
 
document.getElementById('radio1');//取得的是第一个控件，返回一个对象

document.getElementsByTagName('input'); //取得的是这三个控件，返回一个对象数组

document.getElementsByTagName('input')[0];//取得的是第一个控件。 返回一个对象



getElementsByName('delID');//返回的是所有名称为'delID'的控件组成的数组，数组就是一种集合。