为了账号安全,请及时绑定邮箱和手机立即绑定

通过 onclick .js 更改 <link href="">

通过 onclick .js 更改 <link href="">

慕标琳琳 2023-06-15 16:04:41
我想通过点击图标来改变网站的风格<head><meta charset="utf-8"><link rel="stylesheet" href="styled.css" id="styles"></head>我很难进入href。目前我写了这个脚本:<script>    function changeTheme(){    document.querySelector("link[href='styled.css']").href = "style.css";    }            </script>但它只能以一种方式工作,我想要这样的东西:(第一次点击)styled.css -> style.css (第二次点击)style.css -> styled.css。感觉自己启动这个功能不好,所以求助。一个有效的脚本应该是什么样的?
查看完整描述

1 回答

?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

使用 if-else:


function changeTheme() {

  const link = document.getElementById('styles');

  if (link.href.includes('d')) {

    link.href = 'style.css';

  } else {

    link.href = 'styled.css';

  }

}


查看完整回答
反对 回复 2023-06-15
  • 1 回答
  • 0 关注
  • 113 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信