使用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"; 

但这只是改变了“价值” ATT的价值ribute。它不会填充这些div标签之间的内容。任何人都可以指出我正确的方向吗？

Answer 1

尝试以下操作：

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

MSDN链接查看详细：innerHTML Property

Answer 2

在过去被称为Web Standards Curriculum见Creating and modifying HTML。

使用createElement，createTextNode和appendChild方法。

Answer 3

通过DOM能够获得和修改HTML标记值，使用与JavaScript

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

Answer 4

这个例子如果你的消息的数量是有限的那么下面可能会有帮助。下面的例子我使用了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', '') 

出于某种原因，我不得不反复折腾订货之前，在所有类型的工作的浏览器。