如何在HTML中以本地存储方式打印存储在数组中的值

Question

I have stored the some values in string form in an array oldItems in the localstorage. Now I want to display that set of string at different places in html. So all I need is the access to all the strings differently.

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

where I am defining an array test2 and I am printing using id like

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

But the following thing is not printing the values stored in the array . Is there anything wrong in the code? Please help. Thanks in advance.

Answer 1

In <p id="__here__" you cannot state JavaScript statements (the test2[0] you have). They go in the <script> element. If you want to do this, use:

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

Answer 2

Following script may be help you :

<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>