如何在页面之间共享 HTML 元素及其类？

Question

有没有一种简单的方法可以在不同页面之间共享切换的 class（例如，链接的 HTML 页面）。

我正在使用 JavaScript 以便当您单击切换时，它会向该切换添加 class 并折叠切换。

我想在出现该元素的其他页面上保留该更改。

有没有办法做到这一点？

这是我的代码：

 const collapsibles = document.querySelectorAll(".collapsible") collapsibles.forEach((item) => item.addEventListener("click", function() { this.classList.toggle("collapsible--expanded"); }) );

 .collapsible { width: 100px; height: 20px; border: solid 2px black; background: yellow; margin: 2px; }.collapsible--expanded { height: 40px; background: pink; }

 <div class="collapsible">0</div> <div class="collapsible">1</div> <div class="collapsible">2</div>

Answer 1

您可以将 css 和 js 代码粘贴到单独的文件中，并将其保存在一个目录中。 如果没有，您可以使用 github。