在一个页面上多次使用相同的本地存储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 ONCE。

要多次输出内容，您需要生成唯一ID或在这些元素上使用类名。您可以拥有具有给定类名的多个元素。

根据规范，document.getElementById()只返回一个对象，因此您永远不能使用它来检索多个对象。