Comment l'erreur TypeError non interceptée : impossible de définir les propriétés de null à getElementById() se produit-elle ?
Le ' TypeError non intercepté : impossible de définir les propriétés de null à getElementById() ” peut se produire pour les raisons suivantes :
Exemple 1 : Occurrence d'une erreur de type non interceptée : impossible de définir les propriétés de null à getElementById() en raison d'un accès préalable à l'élément
Dans cet exemple, l'erreur rencontrée en raison de l'accès à l'élément particulier avant de le spécifier sera discutée :
< scénario >
document. getElementById ( 'tête' ) . innerHTML = 'Contenu JavaScript' ;
scénario >
< centre >< corps >
< identifiant h2 = 'tête' > Site Web Linuxhint h2 >
corps > centre >
Appliquez les étapes suivantes, comme indiqué dans les lignes de code ci-dessus :
- Tout d'abord, incluez le bloc de code JavaScript dans le '
Dans la sortie ci-dessus, on peut voir que l'erreur indiquée est affichée en raison d'un accès préalable à l'élément.
La solution
L'erreur rencontrée ci-dessus dans ce cas peut être résolue en séquençant le code de sorte que l'élément soit spécifié avant d'y accéder.
L'exemple suivant illustre le concept énoncé :
< centre >< corps >
< identifiant h2 = 'tête' > Site Web Linuxhint h2 >
corps > centre >
< scénario >
document. getElementById ( 'tête' ) . innerHTML = 'Contenu JavaScript' ;
scénario >Le code ci-dessus est identique au code précédent avec le changement dans le placement des blocs de code. Il est tel que le « ” est spécifié avant d'y accéder dans le code JavaScript.
Production
Comme on le voit, l'erreur rencontrée est résolue, et le contenu mis à jour via le ' innerHTML ” propriété s'affiche.
Exemple 2 : Occurrence de TypeError non intercepté : impossible de définir les propriétés de null à getElementById() en raison d'un accès incorrect à l'ID
L'erreur indiquée peut également être rencontrée en accédant à l'identifiant de manière incorrecte.
Passons en revue l'exemple ci-dessous :
< identifiant de chapiteau = 'pour' > Java chapiteau >
< type de scénario = 'texte/javascript' >
document. getElementById ( '#pour' ) . Texteintérieur = 'Scénario' ;
scénario >Dans l'extrait de code ci-dessus :
- Inclure un '
” élément ayant la mention “ identifiant ” et la valeur du texte. - Dans la partie JS du code, accédez à l'élément inclus à l'étape précédente en utilisant le ' getElementById() ' méthode.
- Le ' identifiant ” format ici n'est pas correct, compte tenu de la méthode d'accès à l'élément particulier.
- Ici le ' Texteintérieur ” La propriété affiche la valeur de texte indiquée.
Production
Dans cette sortie, il peut être vérifié que la propriété appliquée n'a pas affecté l'élément en raison d'un format d'ID incorrect.
La solution
L'erreur mentionnée dans ce scénario particulier peut être résolue en spécifiant correctement l'identifiant lors de l'accès à l'élément :
< identifiant de chapiteau = 'pour' > Java chapiteau >
< type de scénario = 'texte/javascript' >
document. getElementById ( 'pour' ) . Texteintérieur = 'Scénario' ;
scénario >Implémentez les étapes ci-dessous, comme indiqué dans le code ci-dessus :
- Inclure le '
« élément ayant le donné » identifiant ”. - Dans l'extrait de code JavaScript, accédez à l'élément, à l'étape précédente en spécifiant le ' identifiant ' correctement via le ' getElementById() ' méthode.
- Enfin, appliquez le ' Texteintérieur ” propriété et afficher le contenu textuel indiqué, qui sera mis à jour dans ce cas.
Production
Dans la sortie ci-dessus, il peut être visualisé que le contenu du texte mis à jour est affiché.
Conclusion
Le ' TypeError non intercepté : impossible de définir les propriétés de null à getElementById() ” en JavaScript peut être résolu en spécifiant l'élément avant d'y accéder ou en spécifiant l'id au format correct. Après cela, les fonctionnalités correspondantes peuvent être exécutées dans les deux cas. Ce blog a guidé la résolution de l'erreur de type Uncaught : Impossible de définir les propriétés de null à getElementById() en JavaScript.
- Inclure un '