3 divjes besturen (Opgelost)

<script type='text/javascript'>
window.onload = function() {
 var DivA = document.getElementById('1');
 var Link  = document.getElementById('LinkID');
 var DivB, DivC, NewLink;

  Link.onclick = function() {
      // Fetch de Divjes voorbewerkingen
  DivB = document.getElementById('2');
  DivC = document.getElementById('3');

  // Voer de CreateLink functie uit
  NewLink = CreateLink('http://www.whatever.nl', 'Whatever');

  // Voeg de link toe aan DivB    
  DivA.appendChild(NewLink);

  // Wijzig DivC background.
  DivB.style.background = '#F0F';
  }
}

 function CreateLink(URL, String) {
  var Link = document.createElement('a');
  Link.setAttribute('href', URL);
  Link.innerHTML = String;
  
  return Link;
 }
</script>

<script type='text/javascript'>
window.onload = function() {
 var DivA = document.getElementById('1');
 var Link  = document.getElementById('LinkID');
 var DivB, DivC, NewLink;
 
  Link.onclick = function() {
      // Fetch de Divjes voorbewerkingen
  DivB = document.getElementById('2');
  DivC = document.getElementById('3');
 
  // Voer de CreateLink functie uit
  NewLink = CreateLink('http://www.whatever.nl', 'Whatever');
 
  // Voeg de link toe aan DivB    
  DivA.appendChild(NewLink);
 
  // Wijzig DivC background.
  DivB.style.background = '#F0F';
  }
}
 
 function CreateLink(URL, String) {
  var Link = document.createElement('a');
  Link.setAttribute('href', URL);
  Link.innerHTML = String;
 
  return Link;
 }
</script>

DivB.innerHTML= "<a href...../a>";

DivB.innerHTML= "<a href...../a>";

<script>
function change()
{
   document.getElementById("2").innerHTML = "blabla";
   document.getElementById("3").style.backgroundColor = "#000000";
}
</script>
<div id="1" onclick="change()"><a href="#">Link 1 </a></div> of
<div id="1"><a href="javascript:change();">Link 1 </a></div> of
<div id="1"><a href="#" onclick="change()">Link 1 </a></div>
<div id="2">&nbsp;</div>
<div id="3">&nbsp;</div> 

<script>
function change()
{
   document.getElementById("2").innerHTML = "blabla";
   document.getElementById("3").style.backgroundColor = "#000000";
}
</script>
<div id="1" onclick="change()"><a href="#">Link 1 </a></div> of
<div id="1"><a href="javascript:change();">Link 1 </a></div> of
<div id="1"><a href="#" onclick="change()">Link 1 </a></div>
<div id="2">&nbsp;</div>
<div id="3">&nbsp;</div>

   document.getElementById("a3").innerHTML = "<img src='hier de url' />";

document.getElementById("a3").innerHTML = "<img src='hier de url' />";

function laatzien()
{
   document.getElementById("a2").innerHTML = "Dit is de gevraagde tekst";
   document.getElementById("a3").style.backgroundColor = "#000000";
   document.getElementById("a3").innerHTML = "<img src='hier de url' />";
   document.getElementById("a4").style.visibility = "visible";
}

plaatjes = new Array()
plaatjes[0] = "hier url"
plaatjes[1] = "hier url"
plaatjes[2] = "hier url"
plaatjes[3] = "hier url"

function laatzien()
{
   document.getElementById("a2").innerHTML = "Dit is de gevraagde tekst";
   document.getElementById("a3").style.backgroundColor = "#000000";
   document.getElementById("a3").innerHTML = "<img src='hier de url' />";
   document.getElementById("a4").style.visibility = "visible";
}
 
plaatjes = new Array()
plaatjes[0] = "hier url"
plaatjes[1] = "hier url"
plaatjes[2] = "hier url"
plaatjes[3] = "hier url"

document.getElementById("a3").innerHTML = "<img src='"+plaatjes[Math.floor(Math.random()*plaatjes.length)]+"'/>";

document.getElementById("a3").innerHTML = "<img src='"+plaatjes[Math.floor(Math.random()*plaatjes.length)]+"'/>";