CSSの切り替えをページを移動しても保存されるようにしたいんですが、
下のコードでは切り替えの時にローカルストレージに保存しているのですが、
ページを移動したらスタイル変更が維持されません。
どこがまちがっているのでしょうか?
html
1<html> 2<head> 3<link rel="stylesheet" href="black.css" id="mystyle"> 4</head> 5<body> 6<script type="text/javascript" src="changeStyle.js"></script> 7<div id="subheader"> 8スタイル変更 9<select onchange="changeStyle(value);"> 10<option value="black.css">黒系</option> 11<option value="white.css">白系</option> 12</select> 13</div> 14<div id="container"> 15</div> 16</body> 17</html>
javascript
1let con = getElementById("container"); 2 con.onload = init(); 3function init(){ 4 if(localStorage.getItem("cssfile") !== null) 5 { 6 let cssfile = localStorage.getItem("cssfile"); 7 document.getElementById("mystyle").href = cssfile; 8 } 9} 10function changeStyle(cssfile){ 11 document.getElementById("mystyle").href = cssfile; 12 localStorage.setItem("cssfile",cssfile); 13}
回答1件
あなたの回答
tips
プレビュー