JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="parent">
  <li class="son">1</li>
  <li class="son">2</li>
  <li class="son">3</li>
  <li class="son">4</li>
  <li class="son">5</li>
  <li class="son">6</li>
</ul>

JavaScript

var p = document.querySelector('ul');

function byClass(parent, className) {
  var arr = []; //用于存储最终查找到的元素
  var els = parent.getElementsByTagName('*'); //获取查找范围下的所有元素
  var reg = new RegExp('\\b' + className + '\\b', 'g');
  for (var i = 0; i < els.length; i++) {
    if (reg.test(els[i].className)) { //判断els.className与reg是否匹配，若匹配返回true
      arr.push(els[i]);
      reg.lastIndex = 0;　　　　　　　　　　　　　　　　　
    }
  }
  return arr; //返回查找到的元素
}
console.log(byClass(p,'son'));//打开控制台查看输出结果