Obtenir la valeur de l'élément à l'aide de JavaScript

Les pages Web HTML se composent de différents éléments HTML, qui ont des attributs et des valeurs différents.

Dans ce tutoriel, nous allons obtenir la valeur d’un élément en utilisant JavaScript.

Pour obtenir la valeur de l’élément, nous utiliserons la propriété value. Il peut être utilisé pour définir ou renvoyer la valeur de l’attribut value.

Voir le code ci-dessous.

const variable = document.getElementsById(id).value;

Dans l’exemple ci-dessus, nous récupérons d’abord l’élément requis en utilisant son ID avec la fonction getElementsById(). Ensuite, la propriété value renverra sa valeur.

On peut aussi sélectionner l’élément à l’aide du gestionnaire d’événement onclick en HTML. Ensuite, l’élément est transmis à la fonction, qui récupère sa valeur en utilisant la propriété requise.

Par exemple,

// html
<input id = 'theId' value = 'test1' onclick = 'getValue(this)' />

    // javascript
    function getValue(e) {
      const variable = e.value;
    }