La méthode document.getElementById () renvoie l’élément dont l’identifiant est spécifié.
Dans la page précédente, nous avons utilisé document.form1.nom.value pour obtenir la valeur de la valeur d’entrée. Au lieu de cela, nous pouvons utiliser la méthode document.getElementById () pour obtenir la valeur du texte d’entrée. Mais nous devons définir un identifiant pour le champ de saisie.
Voyons l’exemple simple de la méthode document.getElementById () qui affiche un cube du nombre donné.
<script type="text/javascript">
function getcube(){
var number=document.getElementById("number").value;
alert(number*number*number);
}
</script>
<form>
Entrez Num:<input type="text" id="number" name="number"/><br/>
<input type="button" value="cube" onclick="getcube()"/>
</form>