Erreur "La propriété 'value' n'existe pas sur le type 'HTMLElement'" dans TypeScript
Bonjour à tous ! Je viens de commencer à apprendre TypeScript et j'ai rencontré un problème en travaillant avec les éléments du DOM. J'ai un code simple qui récupère la valeur d'un champ de saisie lors d'un clic sur un bouton :
```typescript
const button = document.getElementById('myButton');
const input = document.getElementById('myInput');
button.addEventListener('click', () => {
const inputValue = input.value; // Erreur !
console.log(inputValue);
});
```
Mais TypeScript affiche une erreur : "The property 'value' does not exist on value of type 'HTMLElement'". Je comprends que HTMLElement est le type de base pour tous les éléments HTML, mais pourquoi ne puis-je pas accéder à la propriété value ? Pourtant, input a bien une value ! J'ai essayé de spécifier explicitement le type, mais rien n'y fait. Pouvez-vous m'indiquer comment résoudre ce problème correctement ? Peut-être faut-il récupérer l'élément d'une autre manière ? Ou est-ce lié au fait que getElementById peut retourner null ? Je vous serais reconnaissant pour une explication détaillée, de préférence avec des exemples de code. Merci d'avance !
<<>>
No answers yet.
Connectez-vous pour laisser une réponse
Blogs