<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="box1">这是div标签1</div>
<div class="box1">这是div标签2</div>
<div class="box1">这是div标签3</div>
<div class="box1">这是div标签4</div>
<div class="box1">这是div标签5</div>
<div class="box1">这是div标签6</div>
<div class="box1">这是div标签7</div>
<div class="box1">这是div标签8</div>
<div class="box1">这是div标签9</div>
<div class="box1">这是div标签10</div>
<ul id="wrap">
<li>
<div>这是li列表</div>
</li>
<li>
<div>这是li列表</div>
</li>
<li>
<div>这是li列表</div>
</li>
</ul>
<script>
//1.通过标签名获取标签 document.getElementsByTagName 获取整个文档下的对应标签
var oDivList = document.getElementsByTagName("div");
console.log(oDivList);//HTMLCollection(10)
console.log(oDivList[9]);
//2.父元素.getElementByTagName("标签名")获取该父元素下对应的标签
var father = document.getElementById("wrap");
var child = father.getElementsByTagName("div");
console.log(child);//HTMLCollection(3)
</script>
</body>
</html>