主页 / 问题 / 1067626
Accepted
siberian
Asked:2020-01-09 16:18:27 +0000 UTC2020-01-09 16:18:27 +0000 UTC

在页面重新加载时保留来自 localStorage 的 setAttribute

  • 772

添加/删除setAttribute成功。但是如何在body页面重新加载时保持 y 属性？

这是我的代码：

document.getElementById('switch').onclick = function () {
if(document.body.hasAttribute('data-theme', 'dark')){
    document.body.removeAttribute('data-theme', 'dark');
    localStorage.removeItem('data-theme');
} else {
    document.body.setAttribute('data-theme', 'dark');
    localStorage.setItem('data-theme', 'dark');


    let darkmode = localStorage.getItem('data-theme');
    darkmode = darkmode ? JSON.parse(darkmode) : {};
    darkmode['data-theme'] = 'dark';

    localStorage.setItem('data-theme', JSON.stringify(darkmode));
}
};
javascript

1 个回答

  1. Best Answer

    解决方案：

    let key = 'data-theme';
let value = 'dark';
let theme = localStorage.getItem(key);

if (theme) {
 document.body.setAttribute(key, theme);
}

document.getElementById('switch').onclick = function () {
if(document.body.hasAttribute(key, value)){
    document.body.removeAttribute(key, value);
    localStorage.removeItem(key);
} else {
    document.body.setAttribute(key, value);
    localStorage.setItem(key, value);
}
};
    • 0

相关问题