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的元素
相關文章
相關標籤/搜索