js基础语法学习(二)

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">
 

 

posted @ 2017-02-16 00:18  王喜山  阅读(158)  评论(0编辑  收藏  举报