Ustawianie zawartości między znacznikami DIV za pomocą javascript

Question

Próbuję ustawić niektóre treści między niektórymi znacznikami div na stronie JSP przy użyciu javascript.

obecnie znacznik div na stronie JSP wygląda następująco:

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

Chcę wypełnić zawartość tych znaczników DIV przy użyciu niektórych javascript metodę tak, że będzie to wyglądać tak:

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

wiem, że można iść tak:

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

Ale to tylko zmienia wartość na „wartości” att ribute. Nie wypełnia treści między tymi tagami div. Ktoś, kto może wskazać mi właściwy kierunek?

Answer 1

Spróbuj wykonać następujące czynności: odnośnik

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

MSDN szczegółach: innerHTML Property

Answer 2

Zobacz Creating and modifying HTML na to, co zwykło się nazywać ten Web Standards Curriculum.

Stosować metody createElement, i appendChild.

Answer 3

przez DOM jest możliwe uzyskanie i zmodyfikować wartość w znacznikach HTML, korzystania z tego przykładu z javascript

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

Answer 4

Jeżeli liczba wiadomości jest ograniczona następnie dodaje może pomóc. Użyłem jQuery dla następującego przykładu, ale działa również z prostym js.

Właściwość innerHtml nie działa dla mnie. Więc eksperymentowali z ...

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

i włączać jeden z dwóch on/off ...

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

Z jakiegoś powodu musiałem bawić się wokół z zamawiania zanim to działało we wszystkich typach przeglądarek.