Localstorage CSSスタイル変更

こんにちは、私はwebstorage APIに問題があります。基本的には、 "onclick"属性で要素とボタンを選択していますが、一部のdivの背景色を変更したいのですが、localstorageを使用して、。ほとんどすべてがうまくいきます（bgcolorの変更など）。次のセッションではremeberedされません。だから、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」、「ファン」）; https://developer.mozilla.org/es/docs/Web/API/Window/localStorage –

[MDN]（https://developer.mozilla.org/en-US/docs/Web/API/）をご覧ください。 Storage/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のonloadあなたがいる

出典

2017-11-06 10:43:34 fila90

localStorageオブジェクトを誤って使用しています。項目、使用取得するには

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

：アイテム、使用を保存するには

bodyタグ上のあなたののonload属性で

window.localStorage.getItem("color");

を、関数は（」と呼ばれなければなりません）「

また

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

、背景色を変更するには、あなたが存在しない<div>タグを参照しています。あなたはここに

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

でページの背景色を変更することができますのlocalStorage APIを使用する方法について良い読み物ですLocalStorage Web API

出典

2017-11-06 13:35:01 DaZa

Localstorage CSSスタイル変更

答えて

関連する問題