如何在html中打印localstorage中存储在数组中的值

时间:2014-07-02 06:41:29

标签: javascript arrays html5 local-storage

我已将一些值以字符串形式存储在localstorage中的数组oldItems中。现在我想在html中的不同位置显示该字符串集。所以我需要的是以不同方式访问所有字符串。

var test2 = JSON.parse(localStorage.getItem("oldItems"));

我正在定义一个数组test2,我正在使用id打印

<tr> 
  <td> 1 </td>
  <td>  <p id="test2[0]"></p>  </td>
</tr>

但是以下内容不是打印存储在数组中的值。代码有什么问题吗?请帮忙。提前致谢。

2 个答案:

答案 0 :(得分:1)

<p id="__here__"中,无法声明JavaScript语句(您拥有的test2[0])。它们进入<script>元素。如果您想这样做,请使用:

var p = document.querySelector("__any__specific__selector__for__p");
p.id = test2[0];

答案 1 :(得分:1)

以下脚本可能会对您有所帮助:

<script>
function displayValues()
{
    var oldItems = JSON.parse(localStorage.getItem('barcodes')) || [];

    for(var i=oldItems.length-1;i>=0;i--)
    {
        var html=document.getElementById("allCodes").innerHTML;
        document.getElementById("allCodes").innerHTML=html+"<br>"+oldItems[i].barcode;      
    }    
    }
displayValues();
</script>