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

我想通过点击图标来改变网站的风格

<head>

</head>

我很难进入href。目前我写了这个脚本：

function changeTheme(){

document.querySelector("link[href='styled.css']").href = "style.css";

}

</script>

但它只能以一种方式工作，我想要这样的东西：（第一次点击）styled.css -> style.css （第二次点击）style.css -> styled.css。感觉自己启动这个功能不好，所以求助。一个有效的脚本应该是什么样的？

慕标琳琳

浏览 114回答 1

1回答

阿波罗的战车

使用 if-else：function changeTheme() {  const link = document.getElementById('styles');  if (link.href.includes('d')) {    link.href = 'style.css';  } else {    link.href = 'styled.css';  }}

随时随地看视频慕课网APP