Localstorage CSS 스타일 변경

안녕하세요 여러분, webstorage API에 문제가있어서 기본적으로 "onclick"속성을 가진 요소와 버튼을 선택했습니다. 일부 div의 배경색을 변경하고 싶지만 다른 세션의 설정을 기억하기 위해 localstorage를 사용하고 싶습니다. . 거의 모든 것이 잘 작동합니다 (bgcolor 변경 등). 다음 세션에서는 다시 작동하지 않습니다. 따라서 localstorage가 전혀 작동하지 않는 것처럼 보입니다.
여기 내 javascritp 코드 :Localstorage CSS 스타일 변경

<body onload="bgcol" >

및 존재하지 않는 당신은 또한 document.getElementById('div')를 가져 오는 것

<select id="kolortla" > 
    <option value="gold">złoty</option> 
    <option value="yellow">żółty</option> 
    <option value="green">zielony</option> 
    <option value="red">czerwony</option> 
</select> 
<input type="button" onclick="zmiana()" value="zmiana"/>

출처

2017-11-06 Jacob

localStorage.setItem ('miGato', '후안')를 사용하는 방법에 대한 좋은 읽기입니다

document.body.style.background = "green";

과 페이지의 배경 색상을 변경할 수 있습니다; https://developer.mozilla.org/es/docs/Web/API/Window/localStorage –

[MDN] (https://developer.mozilla.org/en-US/docs/Web/API/)을보십시오. 저장소/LocalStorage) LocalStorage 사용 방법 –

을 선택

<script type="text/javascript"> 
    function bgcol(){ 
     document.getElementById('div').style.backgroundColor = localStorage.kolor; 
    } 
    function zmiana(){ 
     var tlo = document.getElementById("kolortla").value; 
     localStorage.setItem('kolor', tlo); 
     document.getElementById('div').style.backgroundColor = localStorage.kolor; 
    } 

</script>

html로 온로드 당신이

출처

2017-11-06 10:43:34 fila90

localStorage 개체를 잘못 사용하고 있습니다.() "함수를 호출해야 body 태그에 당신의 onload 속성에서

window.localStorage.getItem("color");

window.localStorage.setItem("color", value);

아이템 사용으로 활용하려면 다음 작업을

는 항목, 사용을 저장하려면 "또한

<body onload = "bgcol()"> <!--- HTML --->

가, 배경색을 변경하는 존재하지 않는 <div> 태그를 참조한다. 당신은 여기하려면 로컬 API를 LocalStorage Web API

출처

2017-11-06 13:35:01 DaZa

답변

관련 문제