Javascript 在一个页面上多次使用同一本地存储id

是否可以在同一页面上多次使用/打印同一本地存储元素？

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>


您已搜索了0次
您尚未搜索任何内容。
新闻结果
在Twitter上-@
-维基百科，免费的百科全书
每个网页只能使用一次给定的id

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

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