不顯示在html中的JS變量值

Question

我想在html標籤內顯示js變量。這裏是我的代碼：

<script> 
    document.getElementById('test1').innerHTML = parseInt(localStorage.getItem("newvalue"));    
</script> 

HTML代碼：

<details> 
    <summary>Section 1</summary> 
    <p><b>Value: <p id="test1"></p></b></p> 
</details> 

ID =測試1的值是不是在我的網頁顯示。請指教。謝謝。

Answer 1

正如上面9Deuce在評論中說，你不能嵌套p標籤中的p標籤。嘗試將其更改爲：

<span id="test1"></span> 

Answer 2

確保

<script> 
document.getElementById('test1').innerHTML = parseInt(localStorage.getItem("newvalue"));    
</script> 

是在你的頁面的按鈕，就在</body>標記之前。 您的腳本可能在您的DOM之前加載。 也可以嘗試使用<span>而不是<p>。

Answer 3

It Works

要麼確保DOM調用是在你的頁面的底部，或調用它jQuery.ready

$(document).ready(function() { 
    document.getElementById('test1').innerHTML = parseInt(localStorage.getItem("newvalue"));    
});