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

Question

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

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

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

但是它不起作用。

标签： javascripthtmlcss

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 时调用这些函数。