js 筛选对象的方法

    <div name="n1">
        <div name="n2"  id="tid1" class="c1">
            1
        </div>
        <div name="n3">
            <div name="n2" id="tid2" class="c1">
            4
            </div>
        </div>
    </div>

1.通过name的属性过滤

var objs = document.getElementsByName("n2");
for(var i = 0 ; i < objs.length; i++){
   console.log( objs.innerHTML );
}

2. 通过id过滤, (在一个页面里,每个tag 的id属性值值 唯一)

    console.log(  document.getElementById("tid1").innerHTML );// 1
    console.log(  document.getElementById("tid2").innerHTML );//4

3.通过tag name(就是 p/div….等标签的名字)过滤

    document.getElementsByTagName();
    //方法略

4.用过class的属性过滤

    document.getElementsByClassName();
    //方法略

另外,对于表单(form), 也有一种取到dom的方法,仅限于表单,通过测试

    <form name="f1">
    <input  type="text" name="text1" value="2" />
    </form>

取到2的方法:

    document.f1.text1.value;