当前位置: 首页 > 前端技术 > 正文

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>

JavaScript获取元素的第二种方法 getElementsByTagName():等您来吐槽!

JavaScript获取元素的第二种方法 getElementsByTagName():等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!