在一個頁面上多次使用相同的本地存儲ID

Question

是否可以在同一頁面上多次使用/打印相同的本地存儲元素？ document.getElementById("searchOutput").innerHTML=localStorage.searchTerms;

我試圖收集搜索詞，其輸出多次在同一頁上，但它只顯示了首位

<div class="outputText"> 
    <ul><li>You have searched <span id="numberClicks">0</span> times.</li> 
    <li>You have searched for <span id="searchOutput"> nothing yet</span>.</li></ul> 
</div> 
    <div class="scroogleSearch">  
<h2>News results for <span id="searchOutput"> </span></h2> 
<h2><span id="searchOutput"></span> on Twitter - @<span id="searchOutput"> </span></h2> 
<h2><span id="searchOutput"> </span> - Wikipedia, the free encyclopedia</h2> 
</div> 

Answer 1

您只能在每個網頁上使用一個給定的ID一次。

要輸出多次，您需要生成一個唯一的ID或在這些元素上使用類名稱。你可以有多個給定類名的元素。

通過規範，document.getElementById()只返回一個對象，所以你永遠不能用它來檢索多個對象。