All Elements | Tech Tips & Tricks

Get All Elements By Class Using Javascript

Posted by admin on

March 19, 2013

There is no functionality in Javascript where you can get all elements by class name. Yes, in JQuery you can but that involves loading up a library.

If you do not have any other need for JQuery, this class made by some user in the Stack Overflow forum does the trick.

function getAllByClass(classname, node) {
    if (!document.getElementsByClassName) {
        if (!node) {
            node =  document.body;
        }
 
        var a = [],
            re = new RegExp('\\b' + classname + '\\b'),
            els = node.getElementsByTagName("*");
 
        for (var i = 0, j = els.length; i < j; i++) {
            if (re.test(els[i].className)) {
                a.push(els[i]);
            }
        }
    } else {
        return document.getElementsByClassName(classname);
    }
    return a;
}