js: meerdere teksten weergeven zonder te refreshen

<script language="JavaScript" type="text/JavaScript">
function vul_div(id, text)
{
  var div = document.getElementById(id);
  div.innerHTML = text;
}
</script>

<div id="talk">&nbsp;</div>

<a href="#" onClick="vul_div('talk', 'vb tekst');">Hier</a>

<script language="JavaScript" type="text/JavaScript">
function vul_div(id, text)
{
  var div = document.getElementById(id);
  div.innerHTML = text;
}
</script>
 
<div id="talk">&nbsp;</div>
 
<a href="#" onClick="vul_div('talk', 'vb tekst');">Hier</a>

<a href="#" onClick="vul_div('talk', '<a href=# vul_div('talk', 'tekst2');>vb tekst</a>');">Hier</a>

<a href="#" onClick="vul_div('talk', '<a href=# vul_div('talk', 'tekst2');>vb tekst</a>');">Hier</a>

<script language="JavaScript" type="text/JavaScript">
function vul_div(id, text)
{
  var div = document.getElementById(id);
  div.innerHTML = text;
  document.write(div.innerHTML);
}
</script>

<script language="JavaScript" type="text/JavaScript">
function vul_div(id, text)
{
  var div = document.getElementById(id);
  div.innerHTML = text;
  document.write(div.innerHTML);
}
</script>