La modifica della pagina con javascript

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 tag img 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>';