Есть ли способ получить элемент по имени его класса с помощью JavaScript?

Question

Каков наилучший способ получить элемент по имени его класса с помощью JavaScript?

Могу ли я просто использовать что-то вроде document.getElementByClassName ('myClass')?

Answer 1

Да, есть такая вещь, как getElementsByClassName() и вот browser support list, который в значительной степени говорит: «Все последние браузеры, кроме IE8 и ниже»

var elements = document.getElementsByClassName('myClass'); 

также есть querySelectorAll(), который использует CSS селекторы. Это очень похоже на то, как это делает jQuery. Here's a browser support list из него, что также говорит: «Все последние браузеры, кроме IE7 и ниже»

var elements = document.querySelectorAll('.myClass'); 

Answer 2

Я предпочитаю JQuery. Попробуйте:

var elements = jQuery(".myClass"); 

Это будет собирать все элементы с классом = "myClass". Если вы хотите перебирать и делать некоторые вещи с этим элементов:

jQuery(".myClass").each(function() { 
    // Getting element: 
    var element = jQuery(this); 

    doSomeStuff(element) 
});