ti-enxame.com

configuração de conteúdo entre tags div usando javascript

Eu estou tentando definir algum conteúdo entre algumas tags div em uma página JSP usando javascript.

atualmente a tag div na página JSP se parece com isso:

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

Eu quero preencher o conteúdo dessas tags div usando algum método javascript para que fique assim:

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

Eu sei que você pode ir assim:

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

Mas isso apenas altera o valor do atributo 'valor'. Não preenche conteúdo entre essas tags div. Alguém aí que pode me apontar na direção certa?

26
Tiwaz89

Tente o seguinte:

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

msdn link para detalhes: innerHTML Property

72
Pranay Rana

Veja Criando e modificando HTML no que costumava ser chamado de Web Standards Curriculum

Use os métodos createElement, createTextNode e appendChild.

6
Quentin

Se o número de suas mensagens for limitado, o seguinte pode ajudar. Eu usei o jQuery para o exemplo a seguir, mas ele também funciona com o js simples.

A propriedade innerHtml não funcionou para mim. Então eu experimentei com ...

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

e alternou um dos dois on/off ...

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

Por alguma razão eu tive que mexer com o pedido antes que ele funcionasse em todos os tipos de navegadores.

0
otembajelle