 <p>Use a javascript function that uses innerHTML. </p> <p>For example:</p> <pre><code>function clickable(){ document.getElementById('clickable').innerHTML = "content"; } </code></pre> <p>Use onClick to call it </p> <pre><code>&lt;div id="click" onClick="javascript:clickable();"&gt;Click me!&lt;/div&gt; </code></pre> <p>It's easier to explain with a js fiddle</p> <p>JSFiddle: <a href="http://jsfiddle.net/rJ3KS/" rel="nofollow">http://jsfiddle.net/rJ3KS/</a> </p> <p>Edit: I think this is what you want: <a href="http://jsfiddle.net/rJ3KS/1/" rel="nofollow">http://jsfiddle.net/rJ3KS/1/</a></p>