JavaScript 框架/更改 html 元素的背景颜色

Question

我正在开发一个插件，用于在单击按钮（页面链接）后更改 html 元素的背景颜色/框架。

如果您单击第一个菜单的按钮，则发送的第二个菜单将在所有页面中加框（即，即使在加载页面后，它仍然是加框的）。

    //select elements ( button)
    var pElt5 = document.querySelectorAll("button");



    //changebackground
    $(document).ready(function(){
    $(pElt).click(function(){
      $(this).addClass("border1");});
    });

我已经有一个包含所有类（border1，...）的 css 文件。

问题是当点击按钮时，背景颜色会立即改变，但不会保留在所有网站页面中（例如，当点击链接后再次加载页面时，颜色变化消失）

Answer 1

如果您想翻页以记住所选的背景颜色，则必须将该信息存储在客户端浏览器中的某处。 例如在cookies或localStorage 。

然后当页面重新加载时，您可以检查它并相应地显示正确的背景。