在JavaScript中，有多种方式可以获取页面中具有特定class名称的元素。以下是一些常用的方法：
使用 `document.getElementsByClassName`
`document.getElementsByClassName` 方法是获取具有特定class名称的元素的常用手段。这个方法返回一个类似数组的对象（`HTMLCollection`），包含了所有具有给定class名的子元素。
// 假设你想要获取所有class为"example"的元素
var elements = document.getElementsByClassName('example');
注意：这个方法不会返回那些仅包含该class但不是直接具有该class的元素。
使用 `document.querySelector` 和 `document.querySelectorAll`
这两个方法可以通过CSS选择器获取元素。若要获取特定class的元素，可以这样：
- `document.querySelector` 返回第一个匹配的元素。
- `document.querySelectorAll` 返回所有匹配的元素，形成一个`NodeList`。
// 使用querySelector获取第一个匹配的元素
var firstElement = document.querySelector('.example');
// 使用querySelectorAll获取所有匹配的元素
var allElements = document.querySelectorAll('.example');
`querySelectorAll` 返回的是一个静态的`NodeList`，它不会随着文档的变化而自动更新。
使用 `document.getElementById` 和 `document.getElementsByTagName` 结合
如果你已知某个class只应用于特定的元素，也可以先通过`document.getElementById`或`document.getElementsByTagName`获取一个或多个元素，然后使用`getElementsByClassName`进一步筛选。
// 假设你想要获取id为"container"的元素内所有class为"example"的元素
var container = document.getElementById('container');
var elements = container.getElementsByClassName('example');
使用 `Array.from`
如果你需要一个真正的数组而不是`HTMLCollection`或`NodeList`，你可以使用`Array.from`方法：
var elementsArray = Array.from(document.querySelectorAll('.example'));
这样你就可以使用数组的方法，如`map`、`filter`、`find`等。
性能考量
当处理大量的元素或进行复杂的查询时，性能也是需要考虑的一个因素：
- `getElementsByClassName` 在某些情况下可能会更快，因为它不需要解析整个选择器。
- `querySelectorAll` 提供了更强大的选择器，但可能在性能上稍逊一筹。
在实际使用中，选择哪种方法取决于具体的需求和性能考量。
兼容性
大多数现代浏览器都支持上述方法，但如果你需要支持更旧的浏览器（例如IE10或更低版本），确保检查这些方法的兼容性。
综上所述，JavaScript提供了多种灵活的方法来获取具有特定class的元素，你可以根据具体场景和需求选择最合适的方法。