初始打開可以是這樣的
點擊1下面的按鈕，我是1就變成綠色，再次點擊變成黑色
點擊2下面的按鈕我是2就變成綠色，再次點擊也變成黑色
最主要的是要保留點擊后的顏色，我重繪過之后還是點擊過了的顏色，重新打開也是點擊過的顏色，要保留點擊過的顏色。
跪求大神幫解決，越簡單越好。
uj5u.com熱心網友回復：
<div>
<span id="btn1x"></span>
<span id="btn2x"></span>
</div>
<div>
<button id="btn1" onclick="change(this)">點擊</button>
<button id="btn2" onclick="change(this)">點擊</button>
</div>
<style>
.green {
background: green;
color: #fff;
}
.black {
background: black;
color: #fff;
}
</style>
<script>
function change(el) {
var cl = el.className,
id = el.id
console.log(cl)
if (!cl) {
cl = 'green'
} else if (cl === 'green') {
cl = 'black'
}
el.className = cl
localStorage[id] = cl
document.getElementById(id+'x').innerHTML = '我是'+id
localStorage[id+'x'] = '我是'+id
}
window.onload = function() {
for(let k in localStorage) {
if (k.indexOf('btn') > -1 && k.indexOf('x') == -1) {
if (localStorage[k]) {
document.getElementById(k).className = localStorage[k]
}
}
if (k.indexOf('x') > -1 && k.indexOf('btn') > -1) {
if (localStorage[k]) {
document.getElementById(k).innerHTML = localStorage[k]
}
}
}
}
</script>
uj5u.com熱心網友回復：
要這么簡單的就行了，主要是再次打開能保留住我關閉的顏色，最好能用TXT或者其他也行
uj5u.com熱心網友回復：
<div>
<span id="text1">我是1</span>
<span id="text2">我是2</span>
</div>
<div>
<button id="btn1" onclick="change('1')">點擊</button>
<button id="btn2" onclick="change('2')">點擊</button>
</div>
<style>
.green {
color: green;
}
</style>
<script>
function change(index) {
var el = document.getElementById('text'+index),
cl = el.className
if (!cl) {
cl = 'green'
} else if (cl === 'green') {
cl = ''
}
el.className = cl
localStorage['text'+index] = cl
}
window.onload = function() {
for(let k in localStorage) {
if (k.indexOf('text') > -1) {
document.getElementById(k).className = localStorage[k]
}
}
}
</script>
uj5u.com熱心網友回復：
本地存一下，下次進來先拿本地存的配置uj5u.com熱心網友回復：
把 a 標簽做出按鈕，利用 a:visited 偽類應該能實作轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/43849.html
標籤：HTML5
上一篇：(前端)想請教一下，為什么我匯入js插件后，還是顯示出效果呢
下一篇：怎么把物件里面的數值取出來