可以通过以下步骤实现:
<button id="button1">按钮1</button>
<button id="button2">按钮2</button>
<link rel="stylesheet" href="style.css" id="styleSheet">
// 获取按钮和样式表元素
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
var styleSheet = document.getElementById("styleSheet");
// 定义按钮点击事件处理函数
function changeStyleSheet() {
// 检查当前样式表链接的href属性
var currentStyleSheet = styleSheet.getAttribute("href");
// 根据当前样式表选择要切换的样式表
var newStyleSheet;
if (currentStyleSheet === "style1.css") {
newStyleSheet = "style2.css";
} else {
newStyleSheet = "style1.css";
}
// 更新样式表链接的href属性
styleSheet.setAttribute("href", newStyleSheet);
}
// 绑定按钮点击事件
button1.addEventListener("click", changeStyleSheet);
button2.addEventListener("click", changeStyleSheet);
这个解决方案适用于需要在按钮点击时动态更改网站样式的场景,例如切换主题、切换日夜模式等。腾讯云提供了云开发服务,可以用于托管网站和应用程序,并提供了云函数、云数据库等功能,可用于处理用户脚本和数据存储。具体推荐的腾讯云产品和产品介绍链接如下:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云