2014-07-10 65 views
2

我在那裏我試圖填充標籤與JavaScript變量填充HTML標籤與JavaScript變數

<html> 
<body onload="loading();"> 
     <div> 
      <h4>Main Page</h4> 
      <label id="cookie1" style="color: #0026ff"/> 
<!--MORE CODE--> 
     </div> 
</body> 
</html> 

我的JavaScript功能如下所示的簡單的HTML頁面。它不會填充html頁面上的標籤,但如果我將標籤更改爲文本框,它將起作用(但我想要一個標籤)。我也用'innerhtml'來填充標籤,但它只顯示這個標籤。如果我使用'innerhtml',我有更多的字段和按鈕被刪除或隱藏。有什麼我失蹤?

function loading() { 
    var val1 = "Site: " + getCookie("storeSite"); 
    document.getElementById("cookie1").value = val1; 
} 

回答

5

您正在設置值。嘗試設置innerHTML。

document.getElementById("cookie1").innerHTML = val1; 

A similar JSFiddle.

+0

澄清:'value'是的標籤的常用屬性。但是,大多數其他元素類型只具有innerHTML屬性,以及取決於瀏覽器的「innerText/textContent」。 – Katana314

+0

雅,我確實使用innerhtml,但它仍然不會工作。我的問題是,我要去

0

這條線的功能

document.getElementById("cookie1").value = val1; 

本來應該

document.getElementById("cookie1").innerHTML = val1;