JSFiddle - React, Tailwind, and code Playground

HTML

<div class ='d'></div>
<div class ='d'></div>

<div class ='a'></div>

<div id ='n'></div>

CSS

div{
  border: 1px solid;
  width: 100px;
  height: 100px;
}

.blue{
  background: blue;
}

.red{
  background: red;
}

.green{
  background: green
}

JavaScript

function addClass(el, cls){
	if(el[el.length-1] == '*'){
  	var a = el.split('*');
     a.splice(1,1);
     var b = a.join('')
  		var v = document.querySelectorAll(b);
      for(var i = 0; i < v.length; i++){
      	v[i].setAttribute('class', cls);
      }
      	
  }
  
  if(el[el.length-1] != '*'){
  		var v = document.querySelector(el);
      v.setAttribute('class', cls);
  }
}

addClass('.d*', 'green') //если выбрать все классы
addClass('.a', 'red') // если выбрать один класс
addClass('#n', 'green') // если выбрать один ид