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の値を変更リブート。これらのdivタグの間には内容が入りません。正しい方向に私を向けることができる人は誰でもいますか？詳細は

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

MSDNのリンク：

Answer 1

は、以下のことを試してみてくださいinnerHTML Property

Answer 2

はWeb Standards Curriculumと呼ばれるように使用したものでCreating and modifying HTMLを参照してください。

createElement,createTextNodeおよびappendChildの方法を使用してください。 DOMによる

Answer 3

は、あなたのメッセージの数は、以下を助けるかもしれないそして限られている場合はjavascriptの

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

Answer 4

で、この例を使用して、HTMLタグの値を取得し、変更することも可能です。次の例ではjQueryを使用しましたが、プレーンなjsでも動作します。

innerHtmlプロパティが機能しませんでした。だから私は、私はそれがすべてのタイプで働いていた前に発注して周りいじる必要があったいくつかの理由について

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

を

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

...で実験し、オン/オフの二つのうちの一つを切り替え...

のブラウザ。