Cannot read property 'addEventListener' of null

Résolu/Fermé

Anglais

barale61 Messages postés 1190 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 20 octobre 2023 - Modifié par barale61 le 26/03/2016 à 19:02
barale61 Messages postés 1190 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 20 octobre 2023 - 27 mars 2016 à 15:38

Bonjour,

J'ai une erreur qui est la suivante à la ligne 19: Uncaught TypeError (anonymous function): Cannot read property 'addEventListener' of null.
Je suppose que c'est ma fonction "sousMenu. Ce qui fait que mon icône ne se modifie pas quand je clique mais, mon menu, s'ouvre et se ferme bien. Je vous remercie de votre aide.

                       
             function sousMenu() {
                     var sous_menu = document.getElementById('sub-nav-mobile');
                     var btn_sous_menu = document.getElementById("btn-sous-menu");

             if (sous_menu.style.display == 'none' ||  sous_menu.style.display == '') 
               {
                          sous_menu.style.display = 'block';
                          btn_sous_menu.classList.remove("add");
                          btn_sous_menu.classList.add("remove");
                }
              else 
                {
                          sous_menu.style.display = 'none';
                          btn_sous_menu.classList.add("add");
                          btn_sous_menu.classList.remove("remove");
                 }
              }
document.getElementById("btn-sous-menu").addEventListener('click', sousMenu);

A voir également:

Uncaught typeerror: cannot read properties of null (reading 'addeventlistener')
My reading manga ✓ - Forum Google Chrome
Bug site web - Forum Google Chrome
A disk read error occurred ✓ - Forum Windows
Cannot access offset of type string on string - Forum PHP
Input signal out of range ✓ - Forum Matériel & Système

2 réponses

Réponse 1 / 2

barale61 Messages postés 1190 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 20 octobre 2023 110
27 mars 2016 à 15:04

Désolé, je m'étais trompé dans le nom de ma div.

Réponse 2 / 2

barale61 Messages postés 1190 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 20 octobre 2023 110
27 mars 2016 à 15:38

Finalement le code finale pour changer le nom de l'icône et non la classe car j'ai changé de framework:

                    <script>
                        function sousMenu() {
                            var sous_menu = document.getElementById('sub-nav-mobile');
                            var btn_sous_menu = document.getElementById("btn-sous-menu");

                            if (sous_menu.style.display == 'none' ||  sous_menu.style.display == '') {
                                sous_menu.style.display = 'block';
                                btn_sous_menu.innerHTML = "clear";
                            }
                            else {
                                sous_menu.style.display = 'none';
                                btn_sous_menu.innerHTML = "add";
                                }
                            }
                                btn_sous_menu.addEventListener("click", sousMenu);
                    </script>

Discussions similaires

Uncaught TypeError: Cannot read property 'top' of undefined

Cannot read properties of undefined (reading 'user')

Uncaught TypeError: Cannot read property 'style' of null

JavaScript Cannot read property

Uncaught TypeError: Cannot set property 'disabled' of null

message d'erreur cannot read property 'box' of undefined"

Discussions similaires

Newsletters