使用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标签之间的内容。那里的任何人可以指出我正确的方向吗？

Answer 1

尝试以下方法：

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

msdn链接详情：innerHTML Property

Answer 2

请参阅Creating and modifying HTML以前称为Web Standards Curriculum的内容。

使用createElement，createTextNode和appendChild方法。

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', '')

出于某种原因，我必须在所有类型的浏览器中使用它之前进行排序。