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

32 html javascript

我正在尝试使用javascript在JSP页面上的某些div标签之间设置一些内容.

目前JSP页面上的div标签如下所示:

<div id="successAndErrorMessages"></div>
Run Code Online (Sandbox Code Playgroud)

我想使用一些javascript方法填充这些div标签中的内容,以便它看起来像这样:

<div id="successAndErrorMessages"><div class="portlet-msg-error">This is an error message</div></div>
Run Code Online (Sandbox Code Playgroud)

我知道你可以这样:

document.getElementById("successAndErrorMessages").value="someContent";
Run Code Online (Sandbox Code Playgroud)

但这只会改变'value'属性的值.它不会填充这些div标签之间的内容.谁在那里可以指出我正确的方向?

Pra*_*ana 80

请尝试以下方法:

document.getElementById("successAndErrorMessages").innerHTML="someContent"; 
Run Code Online (Sandbox Code Playgroud)

msdn链接详情:innerHTML属性


Que*_*tin 6

请参阅以前称为Web标准课程的创建和修改HTML.

使用createElement,createTextNodeappendChild方法.