Redimensionnement de div en javascript

Bonjour à tous,

J'essaie de créer un site plein écran qui s'adapte à la taille de l'écran.

Dans se but il me fallait un petit script pour adapter la taille des div concerné lorsque la taille du navigateur change.

J'ai trouvé se script :

function adpaterALaTailleDeLaFenetre(){
  var largeur = document.documentElement.clientWidth,
  hauteur = document.documentElement.clientHeight;
  
  var source = document.getElementById('MonDiv'); // récupère l'id source 
  source.style.height = hauteur+'px'; // applique la hauteur de la page
  source.style.width = largeur+'px'; // la largeur
}

// Une fonction de compatibilité pour gérer les évènements
function addEvent(element, type, listener){
  if(element.addEventListener){
    element.addEventListener(type, listener, false);
  }else if(element.attachEvent){
    element.attachEvent("on"+type, listener);
  }
}

// On exécute la fonction une première fois au chargement de la page
addEvent(window, "load", adpaterALaTailleDeLaFenetre);
// Puis à chaque fois que la fenêtre est redimensionnée
addEvent(window, "resize", adpaterALaTailleDeLaFenetre);

Il fonctionne parfaitement mais j'ai besoin de redimensionner plusieurs Div, il faut donc faire le redimensionnement selon une class et non pas une ID. Mais ne connaissant strictement rien au javascript je n'arrive pas à adapter ce bout de script, pouvez vous m'aider ?

Merci d'avance