javascript – 如何在点击标签时更改CSS链接?

我一直在努力让我的锚标签工作,如果点击它,它会改变指向颜色主题CSS的链接的href.

这是我到目前为止所得到的.
我只是试图将其改为红色主题.

html(列表标记之间删除了空格,以防止由内联块引起的视觉效果中的间隙)

<header>
  <ul>
   <li>
    <a id="theme_selector_red" href="" onclick="applyCSS('css/theme_red.css');"></a>
   </li>
   <li>
    <a id="theme_selector_green" href=""></a>
   </li>
   <li>
    <a id="theme_selector_blue" href=""></a>
   </li>
  </ul>
 </header>

链接标记

<link id="color_theme" type="text/css" rel="stylesheet" href="css/theme_blue.css">

javascript
我以不同的方式尝试了.attr(),也尝试删除和重置属性,没有运气.警报只是测试点击是否到达该功能,是的,每次点击链接时网站都会显示警报.

function applyCSS(css_link){
   $('#color_theme').attr("href", css_link);
   document.getElementById('color_theme').removeAttribute('href');
   document.getElementById('color_theme').setAttribute('href', css_link);
   alert('hey');
};

链接标签工作,当我点击链接时,它不会改变它的href.

上一篇:javascript – 滚动到相对于锚点的位置


下一篇:如何通过javascript设置浏览器选项卡的锚点目标名称?