通过在javascript函数中传递类名而不使用getElementsBy *或任何lib函数来查找页面中的所有元素

Question

I am trying to find all elements in the page by passing class name in this function, I getting all elements as arrays object but I need only those elements those are having my className only.

    var custSearch = function (element, className) {
    var elementsArray  = [];
    // add spaces 
    var q = ' ' + className + ' ';
    (function recFind (node) {
    // Looping through all the child nodes
     for (var i = 0; i < node.childNodes.length; i++) {
      var currentNode  = node.childNodes[i];
      var currentClass = currentNode.className;

      // check if current class match with param class 
      if ((' '+currentClass+' ').indexOf(q)) {
        elementsArray.push(currentNode);
      }


      currentNode.childNodes && recFind(currentNode);
    }
   })(element);

  return elementsArray;
  }; 
custSearch(document, 'spch');

I don't want to use getElementsByClassName function but I want similar result, this above function should give me exact result but I am not finding what I am doing wrong, Can someone tell me if I am making any logical error?

HTML is like this

<div class="spch s2fp-h" style="display:none" id="spch"><div class="spchc" id="spchc"><div class="_o3"><div class="_AM"><span class="_CMb" id="spchl"></span><span class="button" id="spchb"><div class="_wPb"><span class="_AUb"></span><div class="_Fjd"><span class="_oXb"></span><span class="_dWb"></span></div></div></span></div><div class="_gjb"><span class="spcht" id="spchi" style="color:#777"></span><span class="spcht" id="spchf" style="color:#000"></span></div><div class="google-logo"></div></div><div class="_ypc"><div class="_zpc"></div></div></div><div class="close-button" id="spchx">×</div></div>

Answer 1

Try the following:

function myGetElementsByClassName(className) {

    var nodes = document.getElementsByTagName('*');
  var out = [];

  for( var i=0, len=nodes.length; i<len; i++) {
    if( nodes[i].classList.contains( className ) ) {
        out.push( nodes[i] );
    }
  }

  return out;

}