JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<ul id="test">
<li>A</li>
<li class="even">B</li>
<li>C</li>
<li class="even">D</li>
</ul>

JavaScript

function getElementsByClassName(oElm, strTagName, strClassName) {
    var arrElements = (strTagName == "*" && document.all) ? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = [];
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for (var i = 0; i < arrElements.length; i++) {
        oElement = arrElements[i];
        if (oRegExp.test(oElement.className)) {
            arrReturnElements.push(oElement);
        }
    }
    return (arrReturnElements)
}




var even = getElementsByClassName(document.getElementById('test'), 'li', 'even');
var str = '';

for (var i = 0; i < even.length; i++) {
    var node = even[i];
    str += node.firstChild.nodeValue + ' ';
}

alert(str);