JSFiddle - React, Tailwind, and code Playground

by tjnicolaides

HTML

<div class="header"></div>

<div class="red main header"></div>

<div class="header small"></div>

<p class="header tiny"></p>

<div></div>

<div class="footer"></div>

<div class="container    header  blue"></div>

<span class="header"></span>

JavaScript

function getElementsByTagNameAndClass(tagName, cls) {
    var nodes = document.getElementsByTagName(tagName);
    var result = new Array();
    for(var i=0;i<nodes.length;i++){
        var node = nodes[i];
        if (node.className) {
            var classes = node.className.split(/\W+/);
            for(var n=0; n<classes.length; n++) {
                var classNm = classes[n];
                if(cls === classNm) {
                    result.push(node);
                }
            }
        } 
    }
    return(result);
}


var headerDivs = getElementsByTagNameAndClass("div", "header");
console.log(headerDivs);