Quello di oggi è un trucco abbastanza banale, ma per molti può essere utile, o divertente: modificare una pagina web, qualsiasi, via javascript, senza aver alcuna conoscenza dei comandi per modificare il DOM.

Per farlo, useremo due nuove proprietà HTML5, la proprietà contentEditable e la designMode.
La prima permette appunto di rendere un qualsiasi elemento del DOM editabile, modificabile, come fareste in una textbox o una input-box di tipo testo, mentre la seconda di entrare in modalità design.

Per farlo, incollate nella barra degli indirizzi il seguente codice, e fine dei giochi:

javascript:
document.body.contentEditable = true;
document.designMode = true;
void();

Ora ogni testo nella pagina sarà modificabile, bello no?
Potete ovviamente anche salvarlo come segnalibro per fare tutto più velocemente.

Se hai letto questo articolo, potrebbero interessarti anche:

• Utilizzare i selettori CSS in Javascript con il dollaro-dollaro
• Simulare il click in un qualsiasi elemento del DOM
• Eseguire codice Javascript nel terminale
• Passare argomenti alla funzione setTimeout correttamente in Javascript
• Sapere chi dei tuoi amici di Facebok è online, anche quando sei offline!