Potremmo ad esempio assegnare un id ad un campo scrivendo il seguente codice html: <input type="text" name="miocampo" id="mioCampoId" value="default">
In questo caso potremo semplicemente recuperare da javascript il valore del campo e metterlo nella variabile valore con questo codice javascript: valore = document.getElementById('mioCampoId').value;
Se poi vorremo inserire un valore nel nostro campo basterà scrivere questo codice javascritp: document.getElementById('mioCampoId').value = 'Nuovo Valore';
Allo stesso modo potremo sostituire l'immagine visualizzata da un tagimg o altri elementi della pagina.
Un ultimo metodo per modificare una pagina è di inserire un tag <div>, sempre con il suo ID. Ad esempio: <div id="contenuto"</div>
In questo modo potremo inserire dell'HTML a piacere nel div con un codice come il seguente: document.getElementById('contenuto').innerHTML = '<h2>Nuovo HTML inserito</h1>';