La référence javascript : Objets, méthodes, propriétés

Méthode : window.document.getElementById()
Retourne un objet HTML à partir de son id
Compatible :

Syntaxe
Object document.getElementById(String id)

Description
Retourne un objet HTML à partir de son id, défini dans la propriété id de la balise de l'objet.
Ne pas confondre la propriété id et la propriété name. Pour trouver tous les objets à partir de leur nom, utilisez getElementsByName()


Exemple modifier puis lire un champs a partir de son id
Code source
<input type="text" id="champ_input"><br>
<input type="button" onclick="f()" value="modifier le champ">
<script>
function f()
{
   var obj = document.getElementById("champ_input")
   alert('le champ a pour valeur : "'+obj.value+"'")
   obj.value="autre valeur"
   alert('maintenant il contient : "'+obj.value+'"')
}
</script>


Résultat



Explication
la fonction f récupère l'Object ayant "champ_input" pour ID et le stock dans la variable "obj"
ensuite on récupère la valeur (.value) de ce champs pour la lire (pour afficher un message) ou pour l'ecrire et modifier le contenu du champ




Reproduction ou diffusion interdite sans autorisation de Tout JavaScript.com