时间戳

首页 > 解决方案 > 使用js更改样式表

javascript - 使用js更改样式表

问题描述

嗨，我正在制作自己的网站，我希望能够使用 js 更改页面的样式表和内容。

所以我写了这个：

<head>
    <link id="style" rel="stylesheet" href="css/index.css">
</head>

<header>
    <ul id="nav">
        <li> <input id="home" onclick="home()" type="image" src="vzbt.png" widht="55" height="55"></li>
        <li> <button id="links" onclick="links()">Links</button> </li>
        <li> <button id="about" onclick="about()">About Me</button> </li>
        <li> <button id="music" onclick="music()">Music</button> </li>
        <li> <button id="contact" onclick="contact()">Contact</button> </li>
    </ul>
</header>

这是我目前写的js

function links(){
    document.getElementById("style").setAttribute = ("href", links.css);
}

但它不起作用，所以我想问是否有人可以帮助我？请。

标签： javascripthtmlcss

解决方案

我的猜测是你应该按照以下方式进行：

function links(){
    document.getElementById("style").setAttribute("href", "css/links.css");
}

由于 links.css 不是一些 js 变量，你应该放在里面 " "

推荐阅读