按类获取元素 - Javascript

在Javascript中，我们可以通过以下方法获取指定类名的所有元素：

document.getElementsByClassName(className);

其中，className是类名。例如，如果要获取所有类名为my-class的元素，我们可以这样写：

var elements = document.getElementsByClassName('my-class');

此时，elements就是一个包含所有类名为my-class的元素的数组，我们可以通过循环遍历每个元素并对其进行相应的操作。

如果我们需要仅选取第一个匹配的元素，我们可以使用querySelector方法：

var element = document.querySelector('.my-class');

与getElementsByClassName不同，querySelector方法可以使用CSS选择器来获取元素，因此可以更灵活地进行元素选择。

另外，我们还可以使用querySelectorAll方法获取所有匹配CSS选择器的元素：

var elements = document.querySelectorAll('.my-class');

需要注意的是，querySelector和querySelectorAll方法仅在IE 8及以上版本中可用。

总结一下，我们可以使用以下方法按类获取元素：

• document.getElementsByClassName(className)：获取所有类名为className的元素。
• document.querySelector('.my-class')：获取第一个类名为my-class的元素。
• document.querySelectorAll('.my-class')：获取所有类名为my-class的元素。