Webinhalte über AJAX und JS ersetzen

[machineslave]

Hallo,

ich habe eine kleine Webseite und möchte über AJAX Inhalte innerhalb der Seite ersetzen.
Innerhalb der Webseite habe ich (als Beispiel beim Erstaufruf der Seite) folgende Tags:

<div id="content">
  <h1>Willkommen</h1>
</div>

Wenn ich nun einen Menupunkt aufrufe, bekomme ich über AJAX (z.B. aus einer Ansicht per Agent ausgelesen) folgenden Code zurückgeliefert:

<ul>
  <li>Ansichteneintrag 1</li>
  <li>Ansichteneintrag 2</li>
  <li>Ansichteneintrag 3</li>
</ul>

Irgendwie bekomme ich es aber leider nicht hin, den o.g. H1 Tag bzw. die Kindelemente durch die vom Agenten zurückgelieferten Werte zu ersetzen.

Hat jemand eine Idee für mich? Da die zurückgelieferten Daten sehr unterschiedlich sein können, kann ich da nicht mit "createChild" etc. arbeiten.

Gruß

Stefan

[machineslave]

Mann, das kann doch so einfach sein:

document.getElementById("content").innerHTML = irgendeinHtmlCode.

Man muss nur lesen können :-))

[flaite]

Es kommt drauf an. Es gibt noch viele weitere Möglichkeiten. Man kann sich mit der Dom-Api durchhangeln oder afaik gibts sogar xpath Bibliotheken für JavaScript.
Kapitel 4,5 und 6 dieser Serie sollten das auch ein bischen vertiefen:
http://www.ibm.com/developerworks/views/web/libraryview.jsp?search_by=Mastering+Ajax
Spätestens für das zweite Ajax Projekt würde ich btw. sowieso Bibliotheken mit eigenen, vereinfachten Funktionen/Objekten wie prototype, dojo oder jquery verwenden. Die faktorieren für den Anwendungsentwickler Browser-Inkompatibilitäten weg und haben eine Menge an sinnvollen Goodies.