JavaScript-document.getElementsByTagName()方法(1)

📌 相关文章

📜 JavaScript-document.getElementsByTagName()方法(1)

📅 最后修改于: 2023-12-03 15:31:46.817000 🧑 作者: Mango

JavaScript-document.getElementsByTagName()方法

document.getElementsByTagName() 方法可用于获取文档中符合指定标签名的所有元素组成的列表。

语法

document.getElementsByTagName(tagname);

参数

tagname：要查找的元素名称，如 "div" 或 "p" 等。也可使用通配符 * 查找所有元素。

返回值

返回一个 HTMLCollection 对象，包含所有指定标签名的元素。

例子

<!DOCTYPE html>
<html>
<head>
	<title>getElementsByTagName()方法例子</title>
</head>
<body>
	<div>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
	</div>
	<script>
		let paragraphs = document.getElementsByTagName("p");
		for(let i = 0; i < paragraphs.length; i++){
			console.log(paragraphs[i].innerHTML);
		}
	</script>
</body>
</html>

输出结果：

这是一个段落。
这是另一个段落。

注意事项

本方法返回的是一个动态集合（也称“伪数组”），它反映了文档实时的当前状态。当文档中新增、删除或修改元素时，集合中的元素会自动更新。
在使用本方法时应注意元素的标签名和元素类型的区别。标签名即元素在 HTML 文档中的标签名（如 div、p 等），而元素类型是 DOM 中元素的类型（如 HTMLDivElement、HTMLParagraphElement 等）。

以上就是关于 document.getElementsByTagName() 方法的介绍，希望对你有所帮助！