我有一个系列书籍的参考网站,我想制作它,以便读者避免剧透。我的想法是制作一个设置网页,他们在其中单击要查看信息的每本书的复选框。然后,我可以在他们每次访问该站点时(以某种方式)将其存储为 cookie,并使其适用于站点中的每个页面。所以,一页可能有这个:
<li class="teotw">Rand killed a Trolloc</li>
另一个页面可能有
<li class="teotw">Nynaeve tugged her braid</li>
除非他们选中了“teotw”书的框,否则该信息不会显示在页面上。我最初的想法是像这样切换 CSS 类的值:
document.styleSheets[0]['cssRules'][0].class['teotw'] = 'display:none';
document.styleSheets[0]['cssRules'][0].class['teotw'] = 'display:inherit';
但我不确定这是否是最好的方法。首先,它仅适用于当前文档,因此我需要一种方法将其重新应用于他们访问的每个页面。如果重要的话,我也在使用 YUI。关于这样做的最佳方式的任何想法?