estableciendo contenido entre etiquetas div usando javascript

Question

Estoy tratando de establecer algo de contenido entre algunas etiquetas div en una página JSP usando javascript.

actualmente la etiqueta div en la página JSP tiene el siguiente aspecto:

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

Quiero llenar el contenido de esas etiquetas div usando algunos javascript método para que se vería así:

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

sé que puede ir de esta manera:

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

Pero eso cambia el valor de la att 'valor' homenaje. No completa el contenido entre esas etiquetas div. ¿Alguien por ahí que pueda señalarme en la dirección correcta?

Answer 1

intente lo siguiente: enlace

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

MSDN para el detalle: innerHTML Property

Answer 2

Ver Creating and modifying HTML en lo que solía ser llamado el Web Standards Curriculum.

Utilice los métodos createElement, createTextNode y appendChild.

Answer 3

a través del DOM es posible obtener y modificar el valor de las etiquetas HTML, utilizar este ejemplo con javascript

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

Answer 4

Si el número de sus mensajes es limitado, entonces el siguiente puede ayudar. Usé jQuery para el siguiente ejemplo, pero también funciona con js simples.

La propiedad innerHtml no funcionó para mí. Lo que experimentó con ...

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

y toggled uno de los dos encendido/apagado ...

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

Por alguna razón tenía que ver alrededor de la ordenación antes de que trabajó en todos los tipos de navegadores.