getElementsByTagName取的实际上是oparent下所有的标签

DB-Ruan

于 2014-08-29 01:58:43 发布

阅读量935

点赞数

分类专栏：技术日志 JavaScript

本文链接：https://blog.csdn.net/feizhoujeep/article/details/38915101

版权

JavaScript 同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

技术日志

23 篇文章 0 订阅

订阅专栏

getElementsByTagName取的是目标元素下所有目标标签。

例子：

<html>
	<head>
		<meta charset="utf-8"/>
		<title>getElementsByTagName</title>
		<script>
			window.οnlοad=function(){
				oDiv1=document.getElementById("div1");
				aUl=oDiv1.getElementsByTagName("ul");
				alert(aUl.length);
			}
		</script>
	</head>
	<body>
		<div id="div1">
			<ul id="ul1">
				<ul id="ul2">
				</ul>
			</ul>
			<ul id="ul3">
			</ul>
		</div>
	</body>
<html>

在DIV1下有3个UL，分别是UL1，UL2,和UL3，其中UL2是UL1的子元素。通过getElementsByTagName代码弹出：在DIV1下有三个UL，说明，这个方法能找到当前元素下，所有目标标签，包括其孙元素。