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

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

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

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

---

但是它不起作用。

要在它们之间切换，您可以这样做：

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

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

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

您还可以在链接上设置id并动态更改href

像

---

您还可以在链接上设置id并动态更改href

像

可能的重复可能的重复

document.getElementById("mycss").href = "your css link"