js动态设置HTML标签class

news/2026/1/20 10:59:45/文章来源:https://www.cnblogs.com/1288blog/p/19505352

js动态设置HTML标签class

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>追番</title><style>.active{border-bottom: solid 1px yellowgreen;}</style><!-- <script src="localforge.min.js"></script> -->
</head>
<body><button onclick="changeList('在看',this)">在看</button><button onclick="changeList('想看',this)">想看</button><button onclick="changeList('搁置',this)">搁置</button><button onclick="changeList('看过',this)">看过</button><button onclick="changeList('抛弃',this)">抛弃</button><script>function changeList(watch_type,self){self.className = "active"switch (watch_type) {case "在看":break;case "想看":break;case "搁置":break;case "看过":break;case "抛弃":break;default:break;}}</script>
</body>
</html>

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/1188572.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2026年项目管理软件革命:7大工具如何重塑企业协作生态

2026年项目管理软件革命&#xff1a;7大工具如何重塑企业协作生态 **当生成式AI、量子计算与混合现实技术同时作用于项目管理领域&#xff0c;一场颠覆传统工作方式的革命正在发生。**据市场研究机构Gartner预测&#xff0c;到2026年&#xff0c;全球项目管理软件市场规模将达到…

第二次作业-个人项目

Github连接:https://github.com/22815739yys/quickstarters/new/master这个作业属于哪个课程 课程链接这个作业要求在哪里 作业要求这个作业的目标 任务目标:了解项目开发流程 熟悉git使用方式 熟练模块化开发流程一、…

百考通AI任务书功能:智能生成贴合你专业的毕业设计任务书,规范、高效、一次通过

毕业设计任务书是高校教学管理中的关键环节&#xff0c;它不仅标志着研究工作的正式启动&#xff0c;更是后续开题、实施、论文撰写和答辩全过程的行动依据。然而&#xff0c;许多学生在撰写时常常因不熟悉本专业写作规范、技术表达能力有限&#xff0c;或缺乏权威模板参考而陷…

搭后台还在从零敲代码?SoybeanAdmin 让你 5 分钟出原型,别被局域网耽误事!

SoybeanAdmin 是一款基于 TypeScript、Vue3 的后台管理模板&#xff0c;核心功能是帮开发者快速搭建规范且美观的管理系统。它适合前端开发团队、企业 IT 部门&#xff0c;甚至前端新手 —— 模块化设计像拼积木一样拼接页面&#xff0c;自动化路由减少重复工作&#xff0c;Typ…

基于AI大数据技术的诗词信息系统设计

目录摘要关键词项目技术支持可定制开发之功能亮点源码获取详细视频演示 &#xff1a;文章底部获取博主联系方式&#xff01;同行可合作摘要 随着人工智能和大数据技术的快速发展&#xff0c;传统诗词文化的数字化保护与创新应用成为研究热点。诗词信息系统设计通过整合自然语言…

小说文本测试

第1章 系统奖励是兽语? 傍晚。昿南郊的池塘边。阮未迟将带来的工具一一拿出摆好,自己则坐在小板凳上,将鱼饵小心挂在鱼钩上。据那老板所说,这鱼饵‘百发百中’,就算新手也绝不会空军。她弄好后,想要像提前计划好…

批量转双层PDF(可识别各种语言)

批量转双层PDF软件是一种专门用于将单层图像PDF文件转换为包含文本层和图像层的双层PDF文件的工具。这种类型的PDF不仅保留了原始文档的外观&#xff0c;还增加了对文档内容进行搜索和选择的功能&#xff0c;极大地提高了文档管理和信息检索的效率。 软件功能 1. 批量转换&…

百考通AI任务书功能:智能生成贴合你专业方向的毕业设计任务书,规范、高效、有深度

毕业设计任务书是高校教学流程中承上启下的关键文档——它不仅是选题的正式确认&#xff0c;更是后续研究、开发与论文撰写的行动纲领。然而&#xff0c;许多学生在撰写时常常因不熟悉本专业写作规范、技术细节难以准确表达&#xff0c;或缺乏权威模板参考而感到无从下手&#…

Unity 底层运行机制与数据模型

——从 Native 机器码、Mono/IL2CPP 到编辑器与运行时内存1. Unity 编辑器的本质 1.1 Unity.exe 是什么Unity 编辑器(Unity.exe / Unity.app)是一个 Native 程序也就是说:已经由 C/C++ 编译为目标平台的机器码 操作…

百考通AI任务书功能:智能生成贴合你课题的专业任务书,省时、规范、一次成型

毕业设计任务书是高校教学管理中不可或缺的正式文件&#xff0c;它不仅标志着研究工作的正式启动&#xff0c;更是后续开题、实施、论文撰写和答辩全过程的“路线图”。然而&#xff0c;许多学生在撰写时常常因不熟悉本专业写作范式、技术细节难以准确表达&#xff0c;或找不到…

2026年承德德美健康体检中心权威分析:聚焦技术合规与服务质量的专业评价 - 品牌推荐

摘要 在健康意识持续提升与医疗服务需求精细化的宏观趋势下,专业健康体检已成为个人及企业进行健康管理的首要环节。决策者,无论是企业人力资源负责人规划员工福利,还是家庭为长辈选择筛查方案,都面临着如何在众多…

企业多模态智能运营中控台

产品名称:"Omni-Flow" —— 企业多模态智能运营中控台 1. 需求设计 这款产品的核心定位是:企业员工的知识大脑与全能执行助手。它不满足于回答“是什么”,更能解决“怎么做”,并能处理复杂的文档(图片/…

揭秘2025年火锅界黑马,这些品牌突然爆火!火锅/社区火锅/老火锅/美食/特色美食/烧菜火锅/火锅店火锅哪家好吃哪个好 - 品牌推荐师

引言:火锅江湖的新势力崛起 随着消费市场的复苏与餐饮理念的迭代,火锅赛道在2025年呈现出新的竞争格局。一批兼具深厚底蕴与创新活力的品牌,凭借独特的定位和扎实的产品力,从激烈的市场竞争中脱颖而出,成为社交媒…

百考通AI任务书功能:智能生成贴合你课题的专业任务书,规范、精准、省时省力

毕业设计任务书是高校教学流程中不可或缺的正式文件&#xff0c;它不仅是学生研究工作的起点&#xff0c;更是指导教师审核可行性、学院备案监管的重要依据。然而&#xff0c;许多学生在撰写时常常因不熟悉本专业写作范式、技术细节难以准确表达&#xff0c;或找不到权威模板而…

福州研究生留学中介Top10,录取案例多,助你成功申请 - 留学机构评审官

福州研究生留学中介Top10,录取案例多,助你成功申请作为一名在国际教育领域深耕十年的规划师,我经常遇到福州的学子们为研究生申请而焦虑。大家的核心关切通常集中在:如何从众多中介中筛选出真正可靠的服务方?机构…

为什么通常外表富有吸引力的人也更为聪明?—— 基因、环境与社会互动的多重关联

为什么通常外表富有吸引力的人也更为聪明&#xff1f;—— 基因、环境与社会互动的多重关联人们会形成 “外表富有吸引力的人更聪明” 的印象&#xff0c;并非单纯的主观偏见&#xff0c;而是基因协同效应、成长环境优势、社会互动反馈三者共同作用的结果&#xff0c;这种关联是…

PCB弯折强度核心概念与测试标准

问&#xff1a;什么是 PCB 弯折强度&#xff1f;它对 PCB 产品的可靠性有什么影响&#xff1f;PCB 弯折强度&#xff0c;是指印制电路板抵抗弯曲变形而不发生断裂、分层或性能失效的能力&#xff0c;是衡量 PCB 机械可靠性的核心指标之一。​在实际应用中&#xff0c;PCB 会面临…

合肥研究生留学机构TOP10推荐,无隐形消费,放心选择 - 留学机构评审官

合肥研究生留学机构TOP10推荐,无隐形消费,放心选择作为拥有近十年经验的全案规划导师,我时常被合肥地区的高校学子及家长问及同一个问题:“如何选择一家靠谱的研究生留学中介?我们最担心的就是隐藏费用和申请不透…

为什么偏爱深色头发女性的男性更易娶到和气、健康、漂亮又聪明的妻子?—— 偏好本质、社会标签与择偶策略的深层逻辑

为什么偏爱深色头发女性的男性更易娶到和气、健康、漂亮又聪明的妻子&#xff1f;—— 偏好本质、社会标签与择偶策略的深层逻辑这种现象的核心并非 “深色头发本身具备优势”&#xff0c;而是偏爱深色头发的男性择偶偏好更务实、更少受刻板印象裹挟&#xff0c;且深色头发女性…

GNU C库glibc被曝重要安全漏洞,已经存在数十年

https://securityonline.info/decades-old-flaw-new-heap-corruption-critical-glibc-bugs-revealed/ GNU C 库&#xff08;glibc&#xff0c;为绝大多数基于 Linux 的系统提供底层支持的核心库以及很多GCC类开发环境C库&#xff09;的维护者披露了两个安全漏洞的细节&#xf…