如何打印存儲在本地存儲中的數組中的值在html中

我已經將某些值以字符串形式存儲在本地存儲中的數組oldItems中。現在我想在html中的不同位置顯示這組字符串。所以我需要的是以不同方式訪問所有字符串。如何打印存儲在本地存儲中的數組中的值在html中

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

我在哪裏限定陣列TEST2和我使用id像

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

打印，但下列的東西不打印存儲在數組中的值。代碼中有什麼錯誤？請幫忙。提前致謝。

來源

2014-07-02 Raunak

通常情況下，你的'HTML'將你的JavaScript之前進行解析。所以，你將不得不在JavaScript中編寫一個函數來在適當的位置填充值。雖然這不是絕對必要的，但是一個很好的做法。使其易於維護/更改您的代碼庫。 – AdityaParab

<p id="__here__"你不能狀態JavaScript語句（你有test2[0]）。他們進入<script>元素。如果你想這樣做，使用方法：

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

來源

2014-07-02 06:44:31

好的。就像我有一個表格，我想打印存儲在該數組中的值，那麼我應該怎麼做？他們有任何其他方式來做到這一點？ – Raunak

你很迷惑：「就像我有一個**表**，我想打印存儲在**數組**中的值？如果這是你的新查詢，我建議編輯你的問題。 –

對不起，我感到困惑。實際上，我需要做的就是將存儲在數組中的值打印在HTML文件的表格中。那麼我應該怎麼做？有沒有其他方法？ – Raunak

下面的腳本可能會幫助您：

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

來源

2014-07-03 09:00:50

如何打印存儲在本地存儲中的數組中的值在html中

回答

相關問題