Désactiver l'affichage d'une div en fonction de son contenu

Bonjour à tout le monde,

Je me permet d'ouvrir un topic car je rencontre actuellement un point de blocage
Je reçois actuellement un message d'erreur qui est celui ci :

Code:

---

<div class="alert alert-error">Sorry. There are no posts to display</div>

---

Ce message s'afficher bien cependant je voudrais le masquer en ajoutant dans le css du style un "display:none;"

Je veux créer une petite fonction qui compare le texte de l'erreur en le récupérant par un getelementbyclassname cependant je n'arrive pas a récupérer le contenu 'Sorry. There are no posts to display' afin de le faire matcher pour déclencher ma condition qui lance ma fonction pour rendre invisible ce message ?

Pourriez-vous m'aiguiller sur le sujet (si je part dans le mauvais sens) ou me donner une solution si cette dernière est simple ?

En vous remerciant par avance pour vos réponses

Pour récupérer le texte dans ton div suffit de faire un innerText/textContent

Code:

---

var text = document.getElementsByClassName("alert-error")[0].innerText;

---