(4.17)getElementByID,getElementsByName,getElementsByTagName的区别

<form>
    <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"/>跑步<br />
    <input type="button" value="全选" onclick="checkall()"/>
    <input type="button" value="全不选" onclick="clearall()"/>
    <p>选择你的喜好编号，编号为1-6</p>
    <input type="text" name="wb" id="wb"/>
    <input type="button" value="确定" onclick="checkone()"/>

</form>

<script type="text/javascript">
//全部选中的函数
function checkall()
{
    var hobby = document.getElementsByTagName("input");

    for(var i=0;i<hobby.length;i++)
    {
        if(hobby[i].type=="checkbox")
        {
            hobby[i].checked=true;
        }
    }
}
//全不选中的函数
function clearall()
{
    var hobby = document.getElementsByName("hobby");
    for(var i=0;i<hobby.length;i++)
    {
        hobby[i].checked = false;
    }
}

//选中选择的单选框
function checkone()
{
    var j=document.getElementById("wb").value;
    var hobby=document.getElementById("hobby"+j);
    hobby.checked=true;
}

</script>

结论：

以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。

1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。

2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。

3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。