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