document对象有三个强大的方法,能够获取页面的任何元素

document对象有三个强大的方法,能够获取页面的任何元素ios

var p1 = document.getElementById("p1");//获取ID为p1的那个元素
	//在一个文档中ID必须是惟一的,getElementById方法只会返回一个元素
	alert(p1.tagName);
	var allP = document.getElementsByTagName("p");//获取文档中全部p标签
	//由于页面中标签相同的元素不少,因此即便页面中只有一个p元素,getElementsByTagName也会返回一个集合
	for (var i=0;i < allP.length;i++) {
		alert(allP[i].innerHTML);//像数组同样访问其中的每一个元素
	}
	//getElementsByTagName还能够使用通配符*来获取全部的元素
	var allTags = document.getElementsByTagName("*");
	alert(allTags.length);
	//更强大的是,getElementsByTagName不但能够在document对象上调用,也能够在其它HTML元素上调用
	var p2 = document.getElementById("p2");
	var p2ps = p2.getElementsByTagName("em");//将获取p2下面的em元素,而不获取p2以外的em
	//还有一个经过name来获取元素的方法:getElementsByName
	var radios = document.getElementsByName("check");//获取全部name为check的元素
相关文章
相关标签/搜索