如何选择相同标签不同类的多个元素？使用vanilla JS

在使用vanilla JS选择相同标签不同类的多个元素时，可以使用以下方法：

1. 使用querySelectorAll方法：querySelectorAll方法可以通过CSS选择器选择多个元素。可以使用类选择器和标签选择器来选择相同标签不同类的多个元素。例如，如果要选择所有class为"example"的div元素，可以使用以下代码：

var elements = document.querySelectorAll("div.example");

1. 使用getElementsByClassName方法：getElementsByClassName方法可以通过类名选择多个元素。但是，它只能选择具有相同类名的元素，无法同时选择相同标签不同类的多个元素。例如，如果要选择所有class为"example"的div元素，可以使用以下代码：

var elements = document.getElementsByClassName("example");

1. 使用getElementsByTagName方法：getElementsByTagName方法可以通过标签名选择多个元素。但是，它只能选择具有相同标签名的元素，无法同时选择相同标签不同类的多个元素。例如，如果要选择所有div元素，可以使用以下代码：

var elements = document.getElementsByTagName("div");

综上所述，使用querySelectorAll方法是选择相同标签不同类的多个元素的最佳方法。它可以通过组合使用类选择器和标签选择器来实现灵活的选择。在腾讯云的产品中，与前端开发相关的产品有云开发、云函数、云存储等，可以根据具体需求选择适合的产品。