[JS] Ignorer les "class" des balises HTML

Bonjour,

Je cherche en ce moment à améliorer un site dont le but est de pouvoir réserver des salles à des heures précises sous forme de tableau en HTML/PHP.

Ma tâche est de modifier le CSS de media print (CSS pour l'impression d'une page) de telle sorte à avoir un affichage correct (càd avec uniquement le tableau sans trop de couleurs ni menu, en-tête et tout ce qui est inutile lors de l'impression.)

Par ailleurs, c'est une page PHP qui génère le tableau (jour / horaires) ou chaque cellule contient un lien permettant de réserver la salle à cette horaire précise pour un jour précis.
Les cellules qui appartiennent à d'anciennes dates, qui sont trop loin dans le futur ou qui possèdent déjà une réservation ne sont pas disponibles et ne contiennent donc pas le lien.

Pour cacher les liens j'utilise une "class" en CSS qui contient la caractéristique :
display: none;

A l'intérieur de la boucle en PHP qui génère le tableau et qui affiche le lien de la réservation, j'ai mis un <div class="noprint"> qui encadre le lien. (La class "noprint" est dans le fichier CSS print et cache les éléments)

Le problème c'est que malgré cela, lors de l'aperçu d'impression, les liens s'affichent quand même dans les cases du tableau.
Donc après d'innombrables tests, j'ai remarqué que cela était dû à la class du <td> qui peut avoir comme valeur 'disponible' ou non, si elle l'est elle affiche le lien. Si je met en commentaire la class, les liens ne s'affichent plus. (les td possèdent aussi des id uniques)

Pour résoudre le problème, je voulais savoir s'il était possible (en JavaScript ou autre) d'ignorer la class du td lors de l'impression ?

Par exemple, à l'écran je voudrais qu'il y ai :
<td id="machin" class="truc"> <a href="lien"><a> </td>

et lors de l'aperçu, que ça s'écrive ainsi :
<td id = "machin"> <a href="lien><a> </td>

Et donc que l'aperçu oublie la class du td.

Merci d'avance