Setzen von Inhalten zwischen div-Tags mit Javascript

Ich versuche, mithilfe von Javascript einige Inhalte zwischen einige div-Tags auf einer JSP-Seite zu setzen.

derzeit sieht das div-Tag auf der JSP-Seite so aus:

<div id="successAndErrorMessages"></div>

Ich möchte den Inhalt in diesen div-Tags mit einer Javascript-Methode füllen, damit es so aussieht:

<div id="successAndErrorMessages"><div class="portlet-msg-error">This is an error message</div></div>

Ich weiß, dass du so vorgehen kannst:

document.getElementById("successAndErrorMessages").value="someContent";

Aber das ändert nur den Wert des ‘value’-Attributs. Inhalt zwischen diesen div-Tags wird nicht ausgefüllt. Jemand da draußen, der mich in die richtige Richtung weisen kann?

Versuche Folgendes:

document.getElementById("successAndErrorMessages").innerHTML="someContent"; 

MSDN-Link für Details: innerHTML-Eigenschaft

Sehen HTML erstellen und ändern bei dem, was früher die genannt wurde Lehrplan für Webstandards.

Verwenden Sie die createElement, createTextNode und appendChild Methoden.

Wenn die Anzahl Ihrer Nachrichten begrenzt ist, kann Folgendes hilfreich sein. Für das folgende Beispiel habe ich jQuery verwendet, aber es funktioniert auch mit einfachem js.

Die innerHtml-Eigenschaft hat bei mir nicht funktioniert. Also experimentierte ich mit …

    <div id=successAndErrorMessages-1>100% OK</div>
    <div id=successAndErrorMessages-2>This is an error mssg!</div>

und schaltete eines der beiden ein/aus …

 $("#successAndErrorMessages-1").css('display', 'none')
 $("#successAndErrorMessages-2").css('display', '')

Aus irgendeinem Grund musste ich an der Reihenfolge herumfummeln, bevor sie in allen Browsertypen funktionierte.