javascript - 在一页上多次使用相同的本地存储 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()只返回一个对象，因此您永远不能使用它来检索多个对象。