通过类名获取元素

在Web开发中，我们经常需要通过类名获取元素，以便对其进行操作或修改样式。在jQuery等现代的JavaScript库中，这个操作非常简单，但在原生JavaScript中需要一些技巧。

1. 使用getElementsByClassName()

在原生JavaScript中，可以使用getElementsByClassName()方法获取所有具有指定类名的元素节点。该方法返回一个NodeList对象，类似于一个数组，但不能使用数组的方法，需要通过循环遍历来使用。

var elements = document.getElementsByClassName('className');
for(var i=0; i<elements.length; i++){
    // do something with each element
}

2. 使用querySelectorAll()

如果需要更灵活的选择器，可以使用querySelectorAll()方法。这个方法支持CSS选择器，可以选择具有指定类名的元素，也可以选择其他属性的元素。

var elements = document.querySelectorAll('.className');
for(var i=0; i<elements.length; i++){
    // do something with each element
}

3. 兼容性问题

需要注意的是，getElementsByClassName()方法不支持IE8及以下版本的浏览器，如果需要支持这些浏览器，可以使用polyfill。querySelectorAll()方法不支持IE7及以下版本的浏览器。

总结

通过类名获取元素是Web开发中常用的操作，需要在原生JavaScript中熟练掌握。getElementsByClassName()方法和querySelectorAll()方法都是可行的选择，根据具体情况选择合适的方法即可。需要注意兼容性问题，在做兼容性处理时可以使用polyfill。