使用JavaScript在div标签之间设置内容

Question

我正在尝试使用JavaScript在JSP页面上将一些内容设置在一些div标签之间。

目前JSP页面上的div标签如下：

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

我想使用一些JavaScript方法填充这些div标签中的内容，使其看起来像这样：

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

我知道你可以这样做：

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

但那只是改变了'value'属性的值，它并没有填充那些div标签之间的内容。有没有人能指点我正确的方向？

- user818700

Answer 1

尝试以下方法：

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

详细的msdn链接: innerHTML属性

- Pranay Rana

Answer 2

请参考以前称为Web Standards Curriculum的Creating and modifying HTML。

使用createElement、createTextNode和appendChild方法。

- Quentin

Answer 3

如果您的消息数量有限，则可以尝试以下方法。我在下面的示例中使用了jQuery，但它也适用于普通JS。

对我来说，innerHtml属性无效。因此我进行了实验...

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

并切换了其中一个开/关...

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

由于某些原因，在使其在所有类型的浏览器中工作之前，我不得不玩弄顺序。

- otembajelle