javascript - 在浏览器中动态切换 XSLT 样式表？

Question

简短版本:是否可以在浏览器中切换到备用 XSL 样式表，如 CSS stylesheet switching ？

长版本:

我一直很欣赏CSS Zen Garden ;它出色地展示了样式表的强大功能和灵 active 。然而，它也揭示了 CSS 的一大弱点:快速查看源代码会显示大量没有语义值(value)的标签，这些标签的存在只是为了给样式表提供工作空间。 (段落换行 <span> 、洋葱分层、底部的六个“extraDiv”……)

我一直在考虑使用 XSLT 来解决这个问题；从语义干净的 XHTML 文件开始，并使用 XSLT 注入(inject) CSS 样式表及其所需的任何非语义标记。然而，这样做似乎没有什么实际值(value)，除非可以以与切换 CSS 样式表类似的方式在浏览器中切换 XSL 样式表。否则，每个不同的样式表都会导致缓存未命中，您最好在服务器端进行处理。

浏览器支持 <?xml-stylesheet?> PI 看起来不错，但我还没有发现通过 JavaScript 或浏览器 UI(FF、Chrome)触发备用样式表。还有其他人尝试过吗？

编辑:哦，欢迎使用特定于浏览器的解决方案；这只是一个实验，我不希望很快在实际网站上使用! ;-)

Answer 1

至少对于 IE，您可以在 JScript 中手动进行转换，并将转换的内容写入文档。查看类似 this 的内容.

This FF 也类似。