使用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', '') 

出於某種原因，我不得不反覆折騰訂貨之前，在所有類型的工作的瀏覽器。