在js中如何获取相同class的元素

最新推荐文章于 2023-11-04 12:23:18 发布

中二痞

最新推荐文章于 2023-11-04 12:23:18 发布

阅读量982

点赞数

文章标签： javascript java 前端

本文链接：https://blog.csdn.net/Chen_sir2580/article/details/130878183

版权

当许多class一样时怎么获取

<div style="background-color: #007bff" class="price">价格1</div>
	<div style="background-color: #007bff" class="price">价格2</div>
	<div style="background-color: #007bff" class="price">价格3</div>

	<script>
		// 获取具有class属性为"price"的所有元素
		var prices = document.querySelectorAll(".price");

		// 遍历所有价格元素并输出它们的文本内容
		for (var i = 0; i < prices.length; i++) {
			console.log(prices[i].textContent);
		}
	</script>