getElementsByTagName() 方法
Posted 乱舞春秋__
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了getElementsByTagName() 方法相关的知识，希望对你有一定的参考价值。
getElementsByTagName() 方法返回指定节点内带有指定标签名的所有元素。
语法格式：
node.getElementsByTagName('tagName'); // node为节点名称，tagName为标签名称。
其中，node为节点名称，tagName为标签名称。
示例：
分别获取文档中的所有p元素和ID名为box的div内的所有p元素。
<!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>
<p>outer</p>
<div id="box">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
</div>
<script>
var list1 = document.getElementsByTagName('p'); //获取文档中所有p元素
var list2 = document.getElementById('box').getElementsByTagName('p');//获取ID名为box的div内的所有p元素
console.log(list1); //长度为 6 的集合
console.log(list2); //长度为 5 的集合
</script>
</body>
</html>控制台输出：
文档中的所有p元素：
ID名为box的div内的所有p元素：
以上是关于getElementsByTagName() 方法的主要内容，如果未能解决你的问题，请参考以下文章