2016-08-02 19 views
0

ローカルデータは複数のキー値を取得します。このコードはうまくいきますが、ループの効率がさらに必要です。ループでの検索方法効率の向上ローカルストレージgetitem

<div id="anayzixe"></div> 
<div id=uabza></div> 
<div id=mera></div> 
<div id="mega"></div> 

<script> 
    document.getElementyById().InnerHTML=localStorage.getItem("Ihram"); 
    document.getElementyById().InnerHTML=localStorage.getItem("meeqat"); 
    document.getElementyById().InnerHTML=localStorage.getItem("mina"); 
</script> 

は、それがどのようにだたonPressボタンに対して削除キー値とともにループに変換???????????

答えて

0

//すべてのlocalstorageアイテムをループで取得できます。

for(var i in localStorage) 
{ 
    console.log(localStorage[i]); 
} 

//あなたのHTML divsの「idとlocalstorage items」キーが同じである場合、値を動的に設定することができます。より明確にするため、以下のデモを参照してください。 htmlページの

localStorage.setItem('anayzixe', 'testing 1'); 
localStorage.setItem('uabza', 'testing 2'); 
localStorage.setItem('mera', 'testing 3'); 
localStorage.setItem('mega', 'testing 4'); 

for(var i in localStorage) 
{ 
    console.log(localStorage[i]); 
    document.getElementyById(i).InnerHTML=localStorage[i]; 

} 
+0

表示 –

+0

@ahmedghaniあなたがHTML要素でそれを表示したい場合は、すべての動的に行うことができますので、その後、html要素のidとのlocalStorage項目キーが同じでなければなりません。 –

+0

あなたのlocalstorageキーとdivのIDが同じであれば、次のコードはlocalstorageの値を動的に設定するのに役立ちます。 localStorage.setItem( 'anayzixe'、 'testing 1'); localStorage.setItem( 'uabza'、 'testing 2'); localStorage.setItem( 'mera'、 'testing 3'); localStorage.setItem( 'mega'、 'testing 4'); for(var i in localStorage) { console.log(localStorage [i]); document.getElementyById(i).InnerHTML = localStorage [i]; } –

関連する問題