Настройка содержимого между тегами div с помощью javascript

Я пытаюсь установить некоторый контент между некоторыми тегами div на странице JSP с помощью javascript.

в настоящее время тег div на странице JSP выглядит следующим образом:

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

Я хочу заполнить содержимое этих тегов div с помощью некоторого javascript-метода, чтобы он выглядел так:

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

Я знаю, что вы можете так:

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

Но это просто изменяет значение атрибута value. Он не заполняет контент между этими тегами div. Кто-нибудь, кто может указать мне в правильном направлении?

Ответ 1

Попробуйте следующее:

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

msdn link for detail: innerHTML Свойство

Ответ 2

См. Создание и изменение HTML в том, что раньше называлось Web Стандартная учебная программа.

Используйте методы createElement, createTextNode и appendChild.

Ответ 3

через DOM можно получить и изменить значение в тегах HTML, используйте этот пример с javascript

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