在一个页面上多次使用相同的本地存储 ID

use same local storage id multiple times on one page

本文关键字：ID 存储 一个      更新时间：2023-09-26

是否可以在同一页面上多次使用/打印相同的本地存储元素？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>

每个网页只能使用一次给定的 id。

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

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

相关文章：