Cannot set properties of null (setting 'classList')
Résolu
firpic
Messages postés
90
Date d'inscription
Statut
Membre
Dernière intervention
-
firpic Messages postés 90 Date d'inscription Statut Membre Dernière intervention -
firpic Messages postés 90 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Depuis quelque jour j'ai un probleme javascript qui est apparue alors que quelque jour avant il n'y avait pas cette erreur.
Je ne comprend pas d'ou elle vient. J'ai essaye avec plusieur navigateur Chrome, Firefox, Edge.
voici l'erreur :
voici le code javascript :
et le code html:
Depuis quelque jour j'ai un probleme javascript qui est apparue alors que quelque jour avant il n'y avait pas cette erreur.
Je ne comprend pas d'ou elle vient. J'ai essaye avec plusieur navigateur Chrome, Firefox, Edge.
voici l'erreur :
Uncaught TypeError: Cannot set properties of null (setting 'classList')
at quit_div (script.js:65:26)
at search_div (script.js:56:5)
at HTMLAnchorElement.onclick (VM915 :24:69)
voici le code javascript :
let div_search = document.querySelector('.search-user');
let div_msg = document.querySelector('.message-user');
function search_div(){
quit_div();
div_search.classList='search-user';
}
function msg_div(){
quit_div();
div_msg.classList='message-user';
}
function quit_div(){
div_search.classList = 'search-user none';
div_msg.classList = 'message-user none';
}
et le code html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="message-user none">
<ion-icon name="close-outline" onclick="document.querySelector('.message-user').classList='message-user none';" class="quit"></ion-icon>
<div class="list-user-msg">
<div class="search-bar-div">
<input type="search" class="search-bar-msg" onkeyup=""><!-- https://www.w3schools.com/php/php_ajax_php.asp -->
<ion-icon name="search-outline" class="search-btn-msg"></ion-icon>
</div>
<div class="msg-list">
<div class="msg-case">
<a href="#?username=" class="click-case-msg">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Firefox_logo%2C_2019.svg/640px-Firefox_logo%2C_2019.svg.png">
<h1>Fire Fox</h1>
<ion-icon name="send-outline" class="send-outline"></ion-icon>
</a>
</div>
</div>
</div>
<div class="msg-box">
<div class="box-msg-sending">
<input type="text">
<button><ion-icon name="paper-plane-outline"></ion-icon></button>
</div class="msg-send-box">
<div class="msg-send-to">
<input type="text" value="FireFox" disabled>
<p>by firefox</p>
</div>
<div class="msg-send-my">
<input type="text" value="Chrome" disabled>
<p>by chrome</p>
</div>
</div>
</div>
</div>
<div class="search-user none">
<div class="search-bar-div">
<input type="search" class="search-bar" autocomplete="off" id="search-bar" disabled>
<ion-icon name="search-outline" class="search-btn"></ion-icon>
</div>
<div class="list-search-user div-user">
<div class="user-case">
<a href="#" class="click-case">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Firefox_logo%2C_2019.svg/640px-Firefox_logo%2C_2019.svg.png">
<h1>Fire Fox</h1>
<ion-icon name="send-outline" class="send-outline"></ion-icon>
</a>
</div>
</div>
<div class="info-user-case div-user none" id="info-user-case">
</div>
<ion-icon name="close-outline" onclick="document.querySelector('.search-user').classList='search-user none';" class="quit"></ion-icon>
</div>
</body>
</html>
A voir également:
- Cannot read property of null traduction
- Cannot read properties of undefined traduction - Meilleures réponses
- Cannot read properties of undefined (reading 'scrollintoview') en francais - Meilleures réponses
- Traduction créole guadeloupe français reverso - Forum traduction
- Input signal out of range ✓ - Forum Matériel & Système
- Google traduction photo - Guide
- Waldik traduction ✓ - Forum Loisirs / Divertissements
- Kif'n'dir traduction ✓ - Forum Windows
1 réponse
Bonjour,
Pour commencer.. le mot clé "let" servant à déclarer une variable .. a une portée restreinte de celle ci dans le code...
A la place.. utilises le mot clé "var", ou, pour ton besoin actuel, les déclarer en tant que constante via le mot clé "const"
Et bien entendu, pour que ça fonctionne.. il faut que ton JS soit bien chargé APRES le contenu HTML de ta page.
Pour commencer.. le mot clé "let" servant à déclarer une variable .. a une portée restreinte de celle ci dans le code...
A la place.. utilises le mot clé "var", ou, pour ton besoin actuel, les déclarer en tant que constante via le mot clé "const"
Et bien entendu, pour que ça fonctionne.. il faut que ton JS soit bien chargé APRES le contenu HTML de ta page.
firpic
Messages postés
90
Date d'inscription
Statut
Membre
Dernière intervention
1
Merci, je viens de comprendre je le declare au debut du code