impostazione del contenuto tra tag div utilizzando javascript

Question

Sto provando a impostare del contenuto tra alcuni tag div su una pagina JSP utilizzando javascript.

attualmente il tag div nella pagina JSP si presenta così:

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

Voglio riempire il contenuto in quei tag div con alcuni javascript metodo in modo che apparirà in questo modo:

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

so che si può andare in questo modo:

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

Ma che appena cambia il valore del att 'valore' ribute. Non riempie il contenuto tra quei tag div. Qualcuno là fuori che può indicarmi la giusta direzione?

Answer 1

provare quanto segue: Link

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

MSDN per ingrandire: innerHTML Property

Answer 2

Vedi Creating and modifying HTML a quello che veniva chiamato il Web Standards Curriculum.

Utilizzare i metodi createElement, createTextNode e appendChild.

Answer 3

attraverso il DOM è possibile ottenere e modificare il valore di tag HTML, utilizzare questo esempio con javascript

var text = "example"; 
$(this).contents()[0].data = text; 

Answer 4

Se il numero dei messaggi è limitato allora quanto segue può aiutare. Ho usato jQuery per il seguente esempio, ma funziona anche con plain js.

La proprietà innerHtml non ha funzionato per me. Così ho sperimentato con ...

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

e attivato uno dei due on/off ...

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

Per qualche ragione ho dovuto smanettare con l'ordinamento prima che ha lavorato in tutti i tipi di browser.