如何在頁面之間共享 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。