区别getElementByID,getElementsByName,getElementsByTagName
-
ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
-
Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
-
TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName(“小孩”)。
| 方法 | 说明 | 获得 |
|---|---|---|
| getElementById | 通过指定ID获得元素 | 一个 |
| getElementByName | 通过元素名称 name 属性获得元素 | 一组 |
| getElementByTagName | 通过标签名称获得元素 | 一组 |
通过下面的例子(6个name="hobby"的复选项，两个按钮)来区分三种方法的不同:
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步
<input type="button" value = "全选" id="button1">
<input type="button" value = "全不选" id="button1">
-
document.getElementsByTagName(“input”)，结果为获取所有标签为input的元素，共8个。
-
document.getElementsByName(“hobby”)，结果为获取属性name="hobby"的元素，共6个。
-
document.getElementById(“hobby6”)，结果为获取属性id="hobby6"的元素，只有一个，"跑步"这个复选项。