¿Cómo agregar a HTML5 localStorage?

hago un

localStorage.setItem('oldData', $i("textbox").value); 

para establecer el valor de la key oldData en el valor en un textbox.

La próxima vez que se ingrese algo en el textbox, quiero adjuntarlo al oldData ya existente.

Entonces, si ingreso manzanas y luego naranjas en mi textbox, mi key oldData debería verse así:

Inicialmente:

 Key | Value --------------------------- oldData | apples 

Ahora:

 oldData | apples oranges 

¿Cómo puedo agregar? ¿Hay append método para append ?

¿O necesito leer primero los datos, anexarlos en javascript y luego escribir de nuevo?

No hay function de append . Sin embargo, no es difícil escribir uno:

 function appendToStorage(name, data){ var old = localStorage.getItem(name); if(old === null) old = ""; localStorage.setItem(name, old + data); } appendToStorage('oldData', $i("textbox").value); 

Nota: Tiene más sentido definir una function localStorage en el object localStorage . Sin embargo , debido a que localStorage tiene un setter , esto no es posible. Si intentaba definir una function usando localStorage.append = ... , el object localStorage interpretará este bash como "Guardar un object llamado append en el object Storage" .

No es una buena solución, pero funciona y es performativa.

 localStorage.setItem("fruit", "Apples"); localStorage.setItem("fruit", localStorage.getItem("fruit") + "Orange"); 

Encontré esto aquí :

 interface Storage { readonly attribute unsigned long length; DOMString? key(unsigned long index); getter DOMString getItem(DOMString key); setter creator void setItem(DOMString key, DOMString value); deleter void removeItem(DOMString key); void clear(); }; 

Parece que solo tiene getItem, setItem, removeItem, clear, key y length.