Hola,
Tengo html como este:
<div id="inputarea" style="color:black;font-size:15px;">Quiero almacenar los datos de estilo en una cookie, así que hice esto:
setCookie('savedstyle',inputarea.style);Entonces, en mi próxima sesión, el área de entrada debería cargar los datos de esa cookie y configurarla como el estilo para el área de entrada de esta manera:
if(getCookie('savedstyle')) { inputarea.style = getCookie('savedstyle'); }no pasa nada porque el valor almacenado en la cookie se parece a esto: [propiedades CSS del objeto]. ¿Porqué es eso? ¿Cómo puedo almacenar el valor correctamente?
Gracias.
Prueba estos. Estas son algunas funciones repetitivas que utilizo para mis proyectos cuando las necesito.
readCookie = (cname) => { let name = cname + '='; let decodedCookie = decodeURIComponent(window.document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ''; } createCookie=(cname, cvalue)=> { let d = new Date(); d.setTime(d.getTime() + (10*24*60*60*1000)); let expires = 'expires='+ d.toUTCString(); window.document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'; } deleteCookie = (name) => { if(readCookie(name)) { window.document.cookie = name + '=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT'; } }La función readCookie lee una cookie por el nombre. createCookie le das un nombre y un valor, y deleteCookie elimina una cookie por nombre. Bastante autoexplicativo :D.
El .style en JS solo almacena setters para atributos CSS. No es útil para leer información.
Si solo desea almacenar el uso de estilo en línea:
setCookie('savedstyle', inputarea.getAttribute('style'))y para recuperar
inputarea.setAttribute('style', getCookie('savedstyle'))