javascript - 如何用 javascript 完全替换页面或其标题的 CSS 样式？

Question

我有 2 个不同的 CSS 文件，描述了不同的配色方案和布局位置。我想在两者之间切换，所以我需要动态加载它们。

我尝试执行以下操作来清除 CSS 样式:

document.getElementsByTagName("head")[0].innerHTML = "";

但是它不起作用。

Answer 1

要在它们之间进行更改，您可以这样做:

function cssFileOne() {
    var link = document.getElementsByTagName("link")[0];
    link.setAttribute("href", "fileOne.css");
}

function cssFileTwo() {
    var link = document.getElementsByTagName("link")[0];
    link.setAttribute("href", "fileTwo.css");
}

然后在您想要更改 CSS 时调用这些函数。