Wie man Text über dem Bild hinzufügt, um lokalen Speicherschlüssel zu erhalten

Question

Textshow über dem Bild aber Text vom lokalen Speicher getitem (Schlüssel) ???? Hier ist mein Code-Snippet, um mich selbst zu testen.

<div id="map_div"> 

<img  src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Mercury_transit_1.jpg/220px-Mercury_transit_1.jpg"/> 
</div> 

$('<p>').appendTo('#map_div'). 
localStorage.getItem("draft[4006927]").css({position:'absolute',top:'100px,left:'70px'}); 

Answer 1

Sortieren von hier zu erraten, aber es sieht aus wie vielleicht haben Sie das Zeug von localstorage wollen in dem (derzeit leer) Absatz zeigen, bis Sie anhängt.

$('<p>') 
    .css({position:'absolute',top:'100px,left:'70px'}) 
    .append(localStorage.getItem("draft[4006927]")) 
    .appendTo("#map_div");