définition du contenu entre les balises div en utilisant javascript

Question

J'essaie de définir du contenu entre certaines balises div sur une page JSP en utilisant javascript.

actuellement la balise div sur la page JSP ressemble à ceci:

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

Je veux remplir le contenu dans ces balises div en utilisant une méthode javascript afin qu'il ressemblera à ceci:

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

Je sais que vous pouvez aller comme ceci:

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

Mais cela change juste la valeur de la att « valeur » ribute. Il ne remplit pas le contenu entre ces balises div. Quelqu'un là-bas qui peut me diriger dans la bonne direction?

Answer 1

les opérations suivantes:

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

lien msdn détail: innerHTML Property

Answer 2

Voir Creating and modifying HTML à ce qu'on appelait autrefois la Web Standards Curriculum. Utilisez les méthodes createElement, createTextNode et appendChild.

Answer 3

à travers le DOM est possible d'obtenir et de modifier la valeur dans les balises HTML, utilisez cet exemple avec javascript

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

Answer 4

Si le nombre de vos messages est limité, ce qui suit peut vous aider. J'ai utilisé jQuery pour l'exemple suivant, mais cela fonctionne aussi avec les js.

La propriété innerHtml n'a pas fonctionné pour moi. J'ai donc expérimenté ...

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

et basculée l'un des deux on/off ...

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

Pour une raison quelconque, je devais bricoler avec l'ordre avant qu'il a travaillé dans tous les types des navigateurs.