display none ne marche pas

Salut tout le monde,

J'essaye de mettre un div en display:none avec javascript:
document.getElementById('divstatutmarital').style.display = "none";.

Code:

---

1 2 3 4 5 6 7

<div class="divformrech" id="divstatutmarital"> <div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="0"><span>Peu importe</span></div> <div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="1"><span>Jamais marié(e)</span></div> <div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="2"><span>Divorcé(e)</span></div> <div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="3"><span>Séparé(e)</span></div> <div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="4"><span>Veuf-veuve</span></div> </div>

---

mais ça marche pas.

quelqu'un peut il m'aider ?
merci d'avance.

:salut:

Il n'y a pas de raison avec les codes (HTML, JS) que vous montrez, mais qu'y a-t-il dans le code CSS pour la classe "divformrech" ?

Salut,

Mais le style inline l’emporte, non ?
Mais peut-être que le code JS est exécutée alors que la div n'est pas encore chargée ???

salut

merci pour vos réponses.
le code css pour divformrech:

Code:

---

1 2 3 4 5

.divformrech{ float: right; width: 58%; display:block; }

---

le div est affiché avant le clic sur un lien pour le cacher.

Je viens de tester vos codes (HTML, CSS, JS) et comme prévu la division se cache bien.

Qu'y a-t-il dans la classe "checkboxrecherche" ?

Vous avez peut-être un autre code JS qui interfère avec le display de cet élément du DOM ?

Je viens de trouver la raison pour laquelle ça marchait pas

Le lien sur lequel je cliquais était un <a href=""> je l'ai remplacé par un button et ça marche

merci pour votre aide