<a href="javascript:LoadData('text','')">Text neu laden!</a>
<p id="text">Hier steht der aktuelle Text</p>

<a href="javascript:LoadData('text','')">Text neu laden!</a>
<p id="text">Neuer Text</p>
<p>Ich bin eig gar nicht da!</p>

<script type="text/javascript">
  function LoadData(ElementID) {
    //Neues HTTP-Request erstellen
    var request = new XMLHttpRequest();
    //Neue Zeit-Klasse
    var time = new Date();
    //Daten abrufen
    request.open('GET','index.html?'+time.getUTCMilliseconds());
    //Funktion wird aufgerufen, wenn der Text fertig geladen worden ist
    request.onreadystatechange = function() {
      if(request.readyState == 4) {
       UpdateElement(ElementID,request.responseText);
      }
    }
    //Request beenden
    request.send(null);
  }
 
  function UpdateElement(ElementID, response) {
    //DIV-Container raussuchen
    var div = document.getElementById("laweb_update_temp");
    //Antwort in den DIV-Container schreiben
    div.innerHTML = response;
    //Elemente suchen
    var new_node = FindElement(div.childNodes,ElementID);
    //Das zu updatende-Element
    var old_node = document.getElementById(ElementID);
    //Updaten
    old_node.innerHTML = new_node.innerHTML;
  }
 
 
  function FindElement(Parent,ID){
    //Elemente durchgehen
    for (var i = 0; i<Parent.length; i++) {
      //Fals die ID´s übereinstimmen
      if(Parent[i].id == ID) {
        //Node zurück geben
        return Parent[i];
      }
    }
    //Wenn Kinder vorhanden sind
    if(Parent.hasChildNodes() == true) {
      return FindElement(Parent.childNodes,ID);
    }
  }
</script>

<div id="laweb_update_temp" style="visibility: hidden;">
</div>