JavaScript获取元素的第二种方法 getElementsByTagName()

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

语法

document.getElementsByTagName(tagname)

说明

如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

注释：传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

#list {}	var oUl = document.getElementById('list');      静态方法
li {}		var aLi = document.getElementsByTagName('li');  动态方法
#list li{}      var aLi = oUl.getElementsByTagName('li');
                //  aLi => [ li, li, li ]	 元素的集合
                aLi.length    3
                aLi[0]  // 在用TagName的时候，必须要加上：[]

<ul id="list">
  <li></li>
  <li></li>
  <li></li>
</ul>
<ol>
  <li></li>
  <li></li>
</ol>

<script>
window.onload = function (){
	//var oUl = document.getElementById('list');
	var oUl = document.getElementsByTagName('ul')[0];
	var aLi = oUl.getElementsByTagName('li');
	
	alert( aLi.length );
};
</script>